色块随机移动

其他都没有

H5

《three.js使用多个渐变torus模拟光环光晕》申请公开！

第三方库
作品简介 171
作品推荐
使用帮助
常用链接

HTML
CSS
JavaScript
Result

编译

JavaScript

编译

CSS

HTML

<!DOCTYPE html>

<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  
  <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: blob:">
  <title>领土</title>
  <style>
    body {
      color: #ffffff;
      font-family: sans-serif;
      overflow: hidden;
      margin: 0;
      padding: 0;
    }
    :root, body.is-fullscreen {
      background-color: #000000;
    }
    [hidden] {
      display: none !important;
    }
    h1 {
      font-weight: normal;
    }
    a {
      color: inherit;
      text-decoration: underline;
      cursor: pointer;
    }

#app, #loading, #error, #launch {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    .screen {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      cursor: default;
      user-select: none;
      -webkit-user-select: none;
      background-color: #000000;
    }
    #launch {
      background-color: rgba(0, 0, 0, 0.7);
      cursor: pointer;
    }
    .green-flag {
      width: 80px;
      height: 80px;
      padding: 16px;
      border-radius: 100%;
      background: rgba(255, 255, 255, 0.75);
      border: 3px solid hsla(0, 100%, 100%, 1);
      display: flex;
      justify-content: center;
      align-items: center;
      box-sizing: border-box;
    }
    #loading {
      
    }
    .progress-bar-outer {
      border: 1px solid currentColor;
      height: 10px;
      width: 200px;
      max-width: 200px;
    }
    .progress-bar-inner {
      height: 100%;
      width: 0;
      background-color: currentColor;
    }
    .loading-text, noscript {
      font-weight: normal;
      font-size: 36px;
      margin: 0 0 16px;
    }
    .loading-image {
      margin: 0 0 16px;
    }
    #error-message, #error-stack {
      font-family: monospace;
      max-width: 600px;
      white-space: pre-wrap;
      user-select: text;
      -webkit-user-select: text;
    }
    #error-stack {
      text-align: left;
      max-height: 200px;
      overflow: auto;
    }
    .control-button {
      width: 2rem;
      height: 2rem;
      padding: 0.375rem;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      user-select: none;
      -webkit-user-select: none;
      cursor: pointer;
      border: 0;
      border-radius: 4px;
    }
    .control-button:hover {
      background: #ff4c4c26;
    }
    .control-button.active {
      background: #ff4c4c59;
    }
    .fullscreen-button {
      background: white !important;
    }
    .standalone-fullscreen-button {
      position: absolute;
      top: 0;
      right: 0;
      background-color: rgba(0, 0, 0, 0.5);
      border-radius: 0 0 0 4px;
      padding: 4px;
      cursor: pointer;
    }
    .sc-canvas {
      cursor: auto;
    }
    .sc-monitor-root[data-opcode^="data_"] .sc-monitor-value-color {
      background-color: #ff8c1a;
    }
    .sc-monitor-row-value-outer {
      background-color: #fc662c;
    }
    .sc-monitor-row-value-editing .sc-monitor-row-value-outer {
      background-color: #e25b27;
    }
    
  </style>
  <meta name="theme-color" content="#000000">
  
</head>
<body>
  <div id="app"></div>

<div id="launch" class="screen" hidden title="Click to start">
    <div class="green-flag">
      <svg viewBox="0 0 16.63 17.5" width="42" height="44">
        <defs><style>.cls-1,.cls-2{fill:#4cbf56;stroke:#45993d;stroke-linecap:round;stroke-linejoin:round;}.cls-2{stroke-width:1.5px;}</style></defs>
        <path class="cls-1" d="M.75,2A6.44,6.44,0,0,1,8.44,2h0a6.44,6.44,0,0,0,7.69,0V12.4a6.44,6.44,0,0,1-7.69,0h0a6.44,6.44,0,0,0-7.69,0"/>
        <line class="cls-2" x1="0.75" y1="16.75" x2="0.75" y2="0.75"/>
      </svg>
    </div>
  </div>

<div id="loading" class="screen">
    <noscript>Enable JavaScript</noscript>
    
    
    <div class="progress-bar-outer"><div class="progress-bar-inner" id="loading-inner"></div></div>
  </div>

<div id="error" class="screen" hidden>
    <h1>Error</h1>
    <details>
      <summary id="error-message"></summary>
      <p id="error-stack"></p>
    </details>
  </div>

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.

Parts of this script are from Scratch <https://scratch.mit.edu/>, licensed as follows:
Copyright (c) 2016, Massachusetts Institute of Technology
All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

1. Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.

2. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.

3. Neither the name of the copyright holder nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

const handleError = (error) => {
      console.error(error);
      if (!errorScreen.hidden) return;
      errorScreen.hidden = false;
      errorScreenMessage.textContent = '' + error;
      let debug = error && error.stack || 'no stack';
      debug += '\nUser agent: ' + navigator.userAgent;
      errorScreenStack.textContent = debug;
    };
    const setProgress = (progress) => {
      if (loadingInner) loadingInner.style.width = progress * 100 + '%';
    };
    const interpolate = (a, b, t) => a + t * (b - a);

try {
      setProgress(0.1);

const scaffolding = new Scaffolding.Scaffolding();
      scaffolding.width = 480;
      scaffolding.height = 360;
      scaffolding.resizeMode = "preserve-ratio";
      scaffolding.editableLists = false;
      scaffolding.usePackagedRuntime = true;
      scaffolding.setup();
      scaffolding.appendTo(appElement);

const vm = scaffolding.vm;
      window.scaffolding = scaffolding;
      window.vm = scaffolding.vm;
      window.Scratch = {
        vm,
        renderer: vm.renderer,
        audioEngine: vm.runtime.audioEngine,
        bitmapAdapter: vm.runtime.v2BitmapAdapter,
        videoProvider: vm.runtime.ioDevices.video.provider
      };

scaffolding.setUsername("player####".replace(/#/g, () => Math.floor(Math.random() * 10)));
      scaffolding.setAccentColor("#ff4c4c");

try {
        scaffolding.addCloudProvider(new Scaffolding.Cloud.WebSocketProvider(["wss://clouddata.turbowarp.org","wss://clouddata.turbowarp.xyz"], "p4-@领土.sb3"));
      } catch (error) {
        console.error(error);
      }

vm.setTurboMode(false);
      if (vm.setInterpolation) vm.setInterpolation(false);
      if (vm.setFramerate) vm.setFramerate(75);
      if (vm.renderer.setUseHighQualityRender) vm.renderer.setUseHighQualityRender(false);
      if (vm.setRuntimeOptions) vm.setRuntimeOptions({
        fencing: true,
        miscLimits: true,
        maxClones: 300,
      });
      if (vm.setCompilerOptions) vm.setCompilerOptions({
        enabled: true,
        warpTimer: false
      });
      if (vm.renderer.setMaxTextureDimension) vm.renderer.setMaxTextureDimension(2048);

if (typeof ScaffoldingAddons !== 'undefined') {
        ScaffoldingAddons.run(scaffolding, {"gamepad":false,"pointerlock":false,"specialCloudBehaviors":false,"unsafeCloudBehaviors":false,"pause":false});
      }

scaffolding.setExtensionSecurityManager({
        getSandboxMode: () => 'unsandboxed',
        canLoadExtensionFromProject: () => true
      });
      for (const extension of []) {
        vm.extensionManager.loadExtensionURL(extension);
      }

} catch (e) {
      handleError(e);
    }
  </script>
  
  <script type="p4-project">iajh,wC_B+4****2****l^{7a}/A\-2gn]F6rA+*b*DlNwLKzIUF*2OuN`~p?H1:k=WMXbS}\7i4f6XgNVoOXBOMP+1m--DPMk=s.0q+yCeCcF,]_3GSX-{\QF7FDXE;gx:oGGpF[h;\B^Cz(-.Bb:E?DuKbM=BbI+bYt`oJhSiv)GIg~Q+`co7(HQgQ=09LS2y\r~~HrTp[xA+}RIg(F0A\jU8w}|M2|^zkap/ul-SekKfP]z(6vcx[jnyK-]=4nSlqNe1N9Cx65ngBXL,w-vBDMYUX01nt}=hdkTgoNqRaZT.Lo^ac`HDkb_yh_Pyvowk,`8hs3M[p?2LTecs5g6l)*qy)kq+LBA+ye1JpUwEAn4Z^5fAtOkn:YC~fRD]*Yaeo@1RGl04spq./c}ttUq7~QNCYNlCx.7bo)?k}8=AzoI)_r:M,I5@D^@4Ch9@UUc@CK@cmEF6DN^xzequj2mW?AL_?W5.FqV)LMVOr/W6^*^_9G`t1H5X(s_O@q+~C7as*51^O`kz2P9m}(QPkrX.l8Prb[Y@o*mmv@,0LuF3uPia3{1x/*XA\9yd-|o[/-+}G/]vu3REPmN`+uA\\`5\QM66oPKeq]/?*MlbIxVdzOtj{z\zM?Cs|)g(/*prRc1^lH@Jy~xrXIg_Sp?bCb}R7P?jgQu\2rD\f6*2HfCZ0jTQl(l0(}nUY1mmU|p]qgo|avKi^,:DO3pWUyf8FTILOMXXLEn?fdP=Mcr76DAyKJ)VafE/mg=UNBBqmtFXYPg)5Drp,`RTc=t27-5~5dDmmf;J@ES]gdnlFC[LV4p5]u?)p]-q58w0aR4}hbUUnGAj;4-z{j)}h(vA0:69o@twe`XE53SNx1@6[A/aIJhxGiw3fFqpJ-da6)Izc\[4mP9w2F]fnW+h1QlAO`7AxZw?k`XM4\[N:Aen(Yn9aDe@.gc6tj122FmThC..^baB(7=AHZN4w^^TzA^f.uH~3(pnKG;RpC*RxT/lh8tkPr@5\ITK(,xmzSd.^b0=VF}d-0Lbd1gQ^r@Kt_t1Q17.uddjeDB|M5vC`9Z23aKHx)bZx}LZx9LSC`V\KFESOJ?~L*A+(kTK_GE|h1;c(y\SmQcI0S}DCv(w3.3hq_AYo{N0)(XE^NWHetEaJ/.lPN1bjRnqg;~/AXI9G^bVDS^Ar}Oq8EU\9jJ{Wfm/Kv[k/oiD@SrYu3EoYAIuxH;zmq~o5y_E^Rn;Y[y`w-4|fDm@*C6;+*v7doeFW@(pPT[Z@ssET}_X{-*Ouejw|ZHY8b:CKzZaX.(16P.I8DP?`;c~LcJaa;1dJ?FL@(c3_n;mP1fnmSymCtQnmz;MAQ1YJN,QUwXZf9lKCr[Fiw7sSpL}w-FBa9H.;v}x.}\@i^e39/gvO*^WY6-(+\]1|}{{O7oR9d9CjiIeO-\zR]v7zq@=lh/EVp*b`=8)nht\w`UAYUdE62HG-E.cGnFkHr8HNGsNt-t8RLxIWMhb_pe*gxP}C2@7LJn?R9;X\4\/k`9@KOsWuYr*Xfpk5qaRQhb5b@mC8yDu5lJK(A}IVB64L6w/\=Pie`C~UHypB*ZF6rH\t]G4QOYc\=;,igflN/ll^[_UhpQy2UIh)83p\of?t~3]bE|ujT?RUD*9xL+*EGrnwm;daS=8K2aU.VGG{kCH/uK]VT@*~lWJxB)P*X~.x}hs;C6V8(RnCd+3hMeZKJgz(G5c[M*i+Jh:`@@,?kII*70@+Y36yxM26y]p]GgA7L2:?J,bi|7?u3pkuQ:X-8:t.uNdl4+kR^O@bxtWuuUL=7+:Gt,y\5L\UMO8gb{y|B]p10\=~wzu`9fkny?\;=k=/A){SNd+j7KRf(xfK1hc7nHvP8M+[UC4vOs:][SvgDC=XNIFiP?(N5@Op~C|-p9DU:[hDPR85`564y`}NeMmbZz)o9:8WTV/PtooE_imj=Gb(_Px:D0o\(7vb[}?y`KNIPY~rCU-zTFAa=5;HcGCODf/sb_lKBrP]B=:2){D`^iKlpISbx3|nc9O1]~VvKyRqz[=6:j\N0IWS@6g(t7{E3~b=6m=he-I*?ZZ2PT}SOM.;OI=8C@k4h^OA9)1NhUAEytj/g1X_LFTtyW9ZH;cTF,jFUl[ix50f`FVV=e.OIkw(tTAwwW,D0:?aRnp=e^S*484]W0a9;R;K_io{B0~C[;r]R,xhgaZiUH?oXwm+])sIjAfQ{6:3*-h6O=uYksbnISs?)-~qjOQeN,*(3pPCdJBwPG\k+q+|bSY;EK=aTd36A8xl=g+oYU:S})c*5V=wcQKZU.SD(JHozGyt.mFRd.BJ{TlT6P/oI|y3in|ZLU5?o{rS?EcDbdJ;V7x]9C-CGvhN{eOQdg0+_vhk{Q|tp[RZ[43E_(`\vt]t~3o,T,1Z/D?^3Fu@As{59RLoAs=X2aWTyW4`[f*||pciHCybL@t))v/\@4xyzOIN_)ZXLvg15XZ/6;ljP*~D3i=25jG*tE@:[6r4VL)nLQjHkTwskSAVwiPZW-k6y_UYl5zBLU/.r1:TeD8P@53JS/?Ie0i]^,,[FNXAxsHxH932CK.?.bZjzhx6:)`9`G3?gomUr]wdo4rF;hHIP7I91Q8wJ9k-qP]F/z-U.iRmq7O{IDv:0I66mm=*o3/KjM,Gn+sbP1C6mur-PJF\Nf^z5TNw0^dq_+{e.Y8@}kN{?\,^7FMk(;YLftwd9X-ay.;Ttgg~tPLs_8Myd+v?aFi(Q/*t4Y3TaTZGx\OL8Zthsb:OIQ3eJSu_BptBM/dtt;w2)/Z(7Y0KPP;?mXk[QXiR+-7^JOrTUj5NU^I3RHaeXBr1{L~nn\+ew(N,0u`Dh2WJGxq}JhX3MoE=fWS;+;c.D7mQi|Ql5zniiy\49FH4;QFRj:rKw8b3ABj`G61kXZ9|h8VO9sr:mNt5F2Kto8e7\49QwJW1rzTk+i1?McWa[-?mwi7[kvd{a@.CT-GOt]*;[~x;2KacqCHEW_XoN{aQ1+H=xih9]i{7YMwl3T0fbnvkrC(S@dsh.TnTr9YspE`O6B]7uoN8/;n:P1:qx6CQhda@)7@4BevcV=HMRb4:47z~[R}o}=H:fz]nClA;\7ry\XoPFO|IBRUnedd/v1/F\{,oft5urd.e^)(8ud9X-08y:TRXl~tjEh@GogijoECcSOgA*i?.zG,-xtx\OMb2[r1_/@=SdY_38OLB/[4oExAM.D@2_mdylBysW3~?jKKdCfdznk-TeA~d(_a29k4}F=v8zCkbl@[dr}XqjuLuu4\7vReTP1n|3[4exC{|`x5K6+uSyKHmY{B95][(T^c4c/Yc89/]=8zX{6sc;{/)*V=n0JKX\?kb)[@=2R^BJ2^Jau15)VxYQcYbJ8/Jy}z/6pk?_OkoYDf{VQdqu^yy1[;rV\DEQJ\u30Ie{bu:~m?GN]w\XIXgc9R[YsuL2ev(B*nfBcn+{|[@a[:2l\aX?LDhA@bmJA|J~ULqUhV~Mp9p.OB0bSm.u;2gRv^-NJK139RJBddR=?f1/jT9Eb,X7cjfvzp}h+H6,*A.x38SKp+|+ujdSvdiw*FS9KBjjz\CIPe.=)ltmkL/obI:UXMQ?xhurB,pwfIhTY`t\A9*@7Dzj+HBNPcHKfN.JV`i,u?WJoW+L-sO8M,F?6uoP;B;r/+*2Zr**r-OtDKXqFP`-***n/***N*****5cVJT3R2;ZCEt90/ytI1=.Q:1[iJ(.Zrk:S9*/(TGS?KSwCGC[l,1UHk1r/`TLTp*nCG8Z^G]5fISYM|xwy5+M{brKOM}KhE}dXT3EVaZGG~x5:vv(neMPOLgAf2Ofy=pz4c5sxi0nh9T@u0.NtgrpWysw-*V:|CT:Eo{-by*Jn8cLpIHU*18yAdfeWB12erqhTjZ`54Zp1PjL~+Cq@q1p.pk/3hm\|WB^=Cmwxz{,3uJ-M0CP|\7MwTyS*}dCmAyE`sF6zVYbjih[,TLgfLuA7ChSWOqlKd\)V?qto9s~hTTJ+z6MTNxr2M+T)1^wV|~5ExF)7t1krsq^{H{{DS\O-ho}W{TW~AsE6`ne9P;F4T]D33C}[FNAbW(-?G*7:C~A61`w`7wQ?wC@bleOeYr{-}LG:cWXyELhP(T-QkAh;X{tP~.+8H***2B***hQzV]+.Eq=Nf7?5PoRZ59]u5JPZ{J(:?:V:Xinh;\,-uI+{,;J.@Rl:2e@uIru-r8)-n7M)(bkh6p-`gY\GX@?)O1l;VTxfuSDXR5lZnV0uYGplGMLP3.aCB{d*Dq4P{q=yIMgX@q7IW;M]@7pxp.db^nWd=imdhnEuTjGg~L6~\~ERU::|5bSj?Ij?cK=CRY8J;p,D8K9~(*aANZnq=:bD4aN1jBJL\v*l0MFr]gIZ87aMp..qLijHn6uS,]\^C(MuCiS:2T(t@hMZMs8YN/oHK1L;ted=ArAIg{-g)O([^O5tGXw]a2ICYbC[g`\?pbs70pMji6,m?S_dX()y9^~(/-WiGn8YrE3IO*eBm;5xRk2jtyReBkyt}ub{N_7J*l?R51,3;T(_5JM]p_[qXjDhem]@RHL?z@d3a6kc{c4d2W9n~K-ZUqEnsf+);TVZ?NRZd0Aodkt?kx8+Z,wC_B+4****2****DhHgrj;~K*OdId*NXq-*i7}X9V~kqJ2)Yi;\M7_I`*1P(QLV)IPpg5:|muX9`~^+O\iwhXw~-W4u[aP-8tHFY~DbwdrsjIw4o.k+~qrY^*YH/pu9@vnamoeZdzfkwqLakaS_d[N}x]W0o+ff:_BgE-AtA81AjS2A~?I^_8O+PXAOYh5llaSU=;{[[1i)k-O.B:a)+m9kwSIMilxsR)oPZ.S7mR0:Z]NvRz7E46RDPCGQIXo1pH}MgO?so?BuL?\fLXiOQof/twm^lhv~U^0psH*G9j/GRWPPo]b:GNs5r`[:X13*EQ}O^k:85LA.u|pEGhN.at.gDXA.RE=:d,2VnE{bTfxT?tC7Jkb@}cC^/g~cZ*L5@zuK^mTyN-ZkMwo|0*7=(7~OEX0u~T8q41C8GB:/Ve2Q99O}g^ua7.PBmE+|F\*B`;a9q30MUB60360+[vShwTf5VxLF8[uoqwC_B+4****2****I?psF,uuK*OdId*NXq-*=7xP:ZT3N;++_5:UgR;J\]3N;9_:K(w_9)I~ZeR;4O]+O\iwhXi~-W4uqPW-9VTnjT=a\p.illyCyr{*TxxADfiO_M-s9jFAm+Vf-4szh0fXjE=c\KHX-glh\V9D4r0MLZ0]~LJ|1cX?9YaZuP3@|1Oha(A7SkuJ?nQVAr]8BPTUz*j5|8xkSWQ7E{eCb{?eqrh8,k~HqMmNxeA]h7T,v9p[9eshaX}ywS=_1X,MotKIDMBxwDUh-(WrFW^|qiNsWF8v5)UAyC3M1k*]Q=9`7tdte5mg^Vq}Aeb,nC@F`+iu{4:La?V7\S`.fyE[CJ@\Tk*)H:kM9gQ7n\_AM?84REB[Ls*@2xLx0m6;WQZXAnd9NP7V`Gx}F_a(Y_w{,F@Bv8LwFYGE[H:?J\*6Jklb/trushAf(HJsea7K~pr88MCmp?nW/PHWjNi{I[EmC1Q^(-2rXZ,tre2]]7z`{GD5**OJ=**NA+**v1_CI4JuqJ-FAq:.@W::J^1o9[mRVJX~5uI/{wh;PBx/PSdA(Mmt\9/u36Re=WHwtw0H;GNO;)G]uIWcIXC2`9~r?2`D*-Ji}1F?d(NT)Od{xdwU}EIQCI8TNmQ7WcWb7Tr.K]hDVx+I9/|PZu1M)^qQin5k2EIfe,=`[runj-Y@ZfEEdWHN;x^~,/GhY,MhEXl84=.qQdG}\puc76]4\KGizzwZh-unp`,r,:?WlIWU1LVe;=pu@zU?r,X[l6Ti~qQl@VenqUkbaOLzCbhf:JbdgS3C-oNIkF04`4Dq{72=sS1V^63/E4..o9O_(@MNwolbPQIr\wK_SKp3b*cR7(L-bv_VYkV{|^ZLq[g?YBNoppvl4NBW0{cFr_oz`i\P(L[Sb(A|VN@cc9[Vp;\jhe6t8T,b:Zwf:jZ8VCiUGY*_zzKP1ccuSZzp2sS7*wC_B+4****2****[)-@;M4+L*OdId*NXq-*F*7K(.DPi;86:V:-1_5:*=rU:43:q:2^\7;3Z*wJ7I]+O\iwhXi~-W4uqPW-bCX:0U=a\p.illyCyr{*TxxADfiO_M-s9jFAm+Vf-4szh0fXjE=c\KHX-glh\V9D4r0MLZ0]~LJ|1cX?9YaZuP3@|1Oha(A7SkuJ?nQVAr]8BPTUz*j5|8xkSWQ7E{eCb{?eqrh8,k~Hsp-ylo3Mz`zdbwKDDt_.\k+yjE`=n=3U_)_OoiDla=-z8pq5n:Qiigj=]gocVV4Ap9+iU7-LswfU([y]m@uGXZUrNI_3+7hV585bp=S.c~mHn+Y0:RGXp95Ww2BRhuBoLkg)xYosr6WxzTtyNB19kH3{.6z)RM)3fg(+0GU^QU?_W)^bKM]plPy/aLEctK/PiqGyZM3a0Fso:]-A6On~K-ZSqEnsf+);T6O)NRZd0Aofw1@kx8+Z,wC_B+4****2****OisI5}v}K*OdId*NXq-*m)=uIYfi5:c6w;J}9(/(]SQ4([WET9.pwR;/;6ZI9C]+O\iwhX/_-c9aL/,Bp?X:07}OyHK3IGo]xGJVDUW:o4sGD*hxn82mnB=Y|:=R{y5hMfE2zOO^o\dK_Pf}*.,)u2UuW[\?M]byF6A+W2C{W0`cnmQ*o9I`dkP|rvBkYNABDP:UvK0hjG37AA)jhr5eV@mrUY.?1T7~\^?1o;\/*sOe]Gs9O9uAD\Z]@{X^}X8iV-yNrd?d:)^rdfjFV}AQ`O?]E_OmoSZw)DGh854n1(c0XaNeS;RE}+eu(z9Wh]=dU\dsc\lVC.HRb{o;KlniJfLp6.TX;eCqV8TyV=d?C.3y8lttR{jh7x^0@)rus[PxA57.U9:23[l+@R2fD;J.Z1eB~,sDWKJP8btF16pB^3E@9WYXH=a?|8mnrr=lx8H_EP0kdipM\kG9NZG)4wC_B+4****2****l)fof{j|K*OdId*NXq-*mUp::/v+S;}-*t9^pIuI}\i5:5NH4(,OA7;VN`P:6@]+O\iwhXA/{V4u[aP-RDj=B4v`Nnwu:xfsZ~j+`R*|^H)}e^a8~tbLa9-9Ijm@sxu?e2}?J8s{r(07_-MNK?[Oa0XiYF8XU}:X;13{B(LQ^4Yt3RAA,b@yP@Av:9SSW1s{x2Fb[-)_Of1YVZrh{R_w53|L[{6JP}nIHz`f{5RDPCGQIXo1pH}MgXR(5JBuL?\~8e/xjSmrkoP]BUjf]=7c}QadGO,dz*k@H?GhN*hF|[FlGGTiCoTt_99g.OVu4qymmTPpKxHV.+Rk3-g=;Seiw9|IrIq2Az;aZvunZoet7lgtsT5z_R}e_Lr0i(WQspNPi~*}(-JNvkTgllHPfzoB1YRI+b,OsN\T?R3aB@so:qZYg_`5\n7K3OzxY};ATk--6HzYv}dVw1@ktu[Y,wC_B+4****2****u,XyCFnlK*OdId*NXq-*mdum;b(XrJT-7l:a;-ZINsLo9\ir/(LB(i;0eI;J1:]+O\iwhXw~-W4u[aP-bCX:0cU`wdrsjIw4o.k+~qrY^P/O_MWE5jFAm+VfN]A)XQHOHa+]SKHH9\{JebEFXC+r-Jxz+4Q~+xJ/7KCcob,LUApQDOXef2mx\PS^[i`FZv+`o[ST1sX[}/yD`nEi4{WN74U9_YLXRYUkSU(49FWrLNdh?Gr1g1z57CYx;ywACMZ)s1N(Uqiw+OiWQq4e106s4_gl7bkQOJQXeYgCBoQRhmt@t43N4p(D;hNXqMnC5+1hhTPC/0.=ZKF^G_Abq0ul:_ffy\zkiMYfh/iV3jp^j/D-7K66*=iRty{yw.:elVy0RTz]G[lzOch-BB?+hz0u2uZ\j2`us^K:P1QqQT9tBV,+^1+kuo?^j^tt`i8h.B8[D*X/-~EnZtSHp`P;B;r/+*2Zr**r-OtDe;?]-j-***O0***N****YVm@J6H@@J..h5:-g4n;VOVYIP3mn9}**t9V]4t9TGS?KSwCGC[l,1Up?Et5B|cyhM=XCkKRL-V8Ze:p)k5YAu5ahP;0YtIEBg)JpM)m5VV\weoZ|\;24gEN+F/W7kEPv5gFCGI-/5F)`fgLh~bfp]ReFh(ITi@|/F(UAhBQ8A|Zd12S[D[i_.C:JN@huluC)v[YzWJWUZ-::i;Bv)oNGs2oKT5BGpm1nVLI+i,Rg;aAu{s1y;Q7CJ054B|5nLbm)H@rl.MMe9AH]w],2,]7*9}0fA1Q`SzruN~DtXi@j\XE_wWMz}N6Tm-GJL,QX}M1DWy4Fm;cqviNz]LparcUeH40Bdw~1R?mWijZb-a5}DaraTW9d;xI8L5_i\6(Xu]6+[AQ\:d:Rn^cezGe9,\@3\IY_P|J2AbJCH+q:l+YibLrglwb{-\@fOZ{ogHgC1Q^(-2rXZ,tre2]0Tke];B5**OJ=**NA+**KTnR;5N7_IIObS9VxsU:W`EN;`GHuI[i4Y9W*Mo9{Ax/PSdA(Mmt\9/JXEF()\Toty06;GNO;)G]uIWcIXC2`9~r?2`D*-Ji}1F?d(NT)Od{xdwU}EIQCI8TNmQ7WcWb7Tr.K]hDVx+IN]CIkOX;4DNnd-Yu^REqG+^oBNzvt+l_lr7e-X(N;x^~,/GhY,MhEXl}M4wkKiXPt;Up]Aa,aG1z.DI_y-5AP*TJ*,X/Wbw9TqXv/JAsX~=mMh`Tx)rIoQ^:Z_xz;5}Z}GHYKnbyvoIvN7OK?vr2T6*v}ShO.Ld\yDsKm0_GCXQ*xCVRN?Z:lI@l-v2qMP3Ve:Pm,@}hO,^]8G{~-)4|[Us@@_{X97O/o^+g}7}[-{0h*F)4TryrX8.O[(0Du4:qGRcG7N0cW4pePf|aX5FAm\IN0nwPNgk-LxKVPv(1B9Wg3LgfC7D\N04H***2B***klvS^sQRG89NAB+:Bpr-********************|m]oM|u\LOPbfoM5@HM*Jk:(-2rXZ,tre2]|vckA-|4**nQ;**NA+************+4N`EiU[f:.va4(}t])I0rnh;^Sm[J1)cVJZxAK(,@3i;JXbr8v{XqC7D\N04H***2B***hQzV]+.Eq=Nf7?5PoRZ5***************Y3I+*E2[S9e}EwJ49_CI.p+S;-2)i;W5Cq:Z5VCIUCMYItAx/P.@HM*Jk:(-2rXZ,tre2]uN@T6DB5**OJ=**NA+************v.)NBG]u5Ju5mn9aj=4(1G~qJ4tmqJ~0{p:*4IM;~wftIraHw8v{XqC7D\N04H***2B***Eku\m/pvm=Nf7?5PoRZ5***************[Bd+*uME/(/8-ZIO^}n9[j=n;\]Ei;24MT9wdcX9~J3T9zAx/P.@HM*Jk:(-2rXZ,tre2]]7z`{GD5**OJ=**NA+************uzw2Bl:_i9aP:K(-rio91[Ni;{mgP:~=2rJW~sU:]-+WJzp?w8v{XqC7D\N04H***2B***{R*`c,=i7)Nf7?5PoRZ5***************^T*,*v2MT9dbMrJ4_hYIV6[M;VUhYI_5P/(\dzYI[Dp7;xAx/P.@HM*Jk:(-2rXZ,tre2]G-yZZ;B5**OJ=**NA+************v.)NBs^v,;5E-S;1-b4(T(35:]J@zIcSH4(}F~;JXWEi;}[)r8v{XqC7D\N04H***2B***Ys.K=8U_-)Nf7?5PoRZ5***************afE,*H)dS92o/Q:,inh;ZFrU:ViB)I]{\l:\m[;J~(*i;uAx/P.@HM*Jk:(-2rXZ,tre2]pDpwvV(5**OJ=**NA+************v.)NBMBy8I3m=4(1:7l:3D)N;*=mM;U]N/(Mg-2;XljU:w:xq8v{XqC7D\N04H***2B***JCS;owHB@)Nf7?5PoRZ5***************br`,*J.cqJ6b_)I`5,N;}.?uI+7Nt9,XwX9}+p)IV)h^IsAx/P.@HM*Jk:(-2rXZ,tre2]0Tke];B5**OJ=**NA+************uzw2BvCz/:[L{U:ZZrP:whxtI~-I2;6|jO(_|[uI0^r/(Nakr8v{XqC+^`**6Apr-Ll=fgNVh)kE*********</script><script>setProgress(.1)</script>
    <script>
      const getProjectData = (function() {
        const storage = scaffolding.storage;
        storage.onprogress = (total, loaded) => {
          setProgress(interpolate(0.75, 0.98, loaded / total));
        };
        
        let zip;
        // Allow zip to be GC'd after project loads
        vm.runtime.on('PROJECT_LOADED', () => (zip = null));
        const findFileInZip = (path) => zip.file(path) || zip.file(new RegExp("^([^/]*/)?" + path + "$"))[0];
        storage.addHelper({
          load: (assetType, assetId, dataFormat) => {
            if (!zip) {
              throw new Error('Zip is not loaded or has been closed');
            }
            const path = assetId + '.' + dataFormat;
            const file = findFileInZip(path);
            if (!file) {
              throw new Error('Asset is not in zip: ' + path)
            }
            return file
              .async('uint8array')
              .then((data) => storage.createAsset(assetType, dataFormat, data, assetId));
          }
        });
        return () => (async () => {
        const base85decode = e=>{const t=e=>(40===e&&(e=60),41===e&&(e=62),e-42),n=e.indexOf(","),c=+e.substring(0,n).split("").map(e=>String.fromCharCode(e.charCodeAt(0)-49)).join(""),o=new ArrayBuffer((s=c)%4==0?s:s+(4-s%4));var s;const i=new Uint32Array(o);for(let c=n+1,o=0;c<e.length;c+=5,o++)i[o]=85*t(e.charCodeAt(c+4))*85*85*85+85*t(e.charCodeAt(c+3))*85*85+85*t(e.charCodeAt(c+2))*85+85*t(e.charCodeAt(c+1))+t(e.charCodeAt(c));return new Uint8Array(o,0,c)};
        const dataElements = Array.from(document.querySelectorAll('script[type="p4-project"]'));
        const result = base85decode(dataElements.map(i => i.textContent).join(''));
        dataElements.forEach(i => i.remove());
        return result;
      })().then(async (data) => {
          zip = await Scaffolding.JSZip.loadAsync(data);
          const file = findFileInZip('project.json');
          if (!file) {
            throw new Error('project.json is not in zip');
          }
          return file.async('arraybuffer');
        });
      })();
    </script>
  <script>
    const run = async () => {
      const projectData = await getProjectData();
      await scaffolding.loadProject(projectData);
      setProgress(1);
      loadingScreen.hidden = true;
      if (false) {
        scaffolding.start();
      } else {
        launchScreen.hidden = false;
        launchScreen.addEventListener('click', () => {
          launchScreen.hidden = true;
          scaffolding.start();
        });
        launchScreen.focus();
      }
    };
    run().catch(handleError);
  </script>
</body>
</html>

其他都没有

H5

编辑器支持Emmet

快捷键

其他都没有

H5

鼠标移动时随机生成字符气泡动画

使用p5.js实现随机方形平移动画背景

编辑器支持Emmet

快捷键

语言：

语言：

导入代码模板：