{"id":388671,"date":"2024-06-29T08:05:47","date_gmt":"2024-06-29T08:05:47","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=388671"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=388671","title":{"rendered":"\u0414\u0435\u043c\u043a\u0430 MONOSPACE, \u043f\u043e\u0431\u0435\u0434\u0438\u0442\u0435\u043b\u044c Assembly ONLINE 2020, \u0443\u043c\u0435\u0449\u0430\u0435\u0442\u0441\u044f \u0432 1021 \u0431\u0430\u0439\u0442<\/span>"},"content":{"rendered":"
<\/div>\n
\n
\n
\n
<\/p>\n

\u041f\u0435\u0440\u0432\u043e\u0435 \u043c\u0435\u0441\u0442\u043e \u0432 \u0441\u043e\u0440\u0435\u0432\u043d\u043e\u0432\u0430\u043d\u0438\u0438 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u043e\u0432 Assembly ONLINE 2020<\/a> \u0432 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u0438 \u00abOnline 1k intro\u00bb \u0437\u0430\u043d\u044f\u043b\u0430 \u0434\u0435\u043c\u043a\u0430 MONOSPACE. \u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u043c \u0432 1021 \u0431\u0430\u0439\u0442 \u043f\u043e\u0441\u043b\u0435 \u0441\u0436\u0430\u0442\u0438\u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0430<\/a> \u043d\u0430 JavaScript. \u0410\u0432\u0442\u043e\u0440 \u0434\u0435\u043c\u043a\u0438 \u2014 \u043a\u0440\u0435\u0430\u0442\u0438\u0432\u043d\u044b\u0439 \u043a\u043e\u0434\u0435\u0440 \u0438 \u0434\u0435\u043c\u043e\u0441\u0446\u0435\u043d\u0435\u0440-\u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0442\u043e\u0440 Mathieu ‘p01’ Henri<\/a>.
<\/a>
\u0421\u043e\u0437\u0434\u0430\u0442\u0435\u043b\u044c \u0434\u0435\u043c\u043a\u0438 \u043f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0434\u0438\u043b, \u0447\u0442\u043e \u043e\u043d\u0430 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0438\u0445 \u0441\u0442\u0430\u0431\u0438\u043b\u044c\u043d\u044b\u0445 \u0432\u0435\u0440\u0441\u0438\u044f\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432 \u043d\u0430 \u043e\u0441\u043d\u043e\u0432\u0435 Chromium \u0438\u043b\u0438 Webkit. \u0412 Firefox \u0431\u0443\u0434\u0435\u0442 \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u043b\u0430\u0439\u0434\u0448\u043e\u0443 \u0438\u0437-\u0437\u0430 \u0442\u043e\u0433\u043e, \u0447\u0442\u043e \u0435\u0433\u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0438 \u0442\u0430\u043a \u0438 \u043d\u0435 \u0438\u0441\u043f\u0440\u0430\u0432\u0438\u043b\u0438 \u043e\u0448\u0438\u0431\u043a\u0443 1190398<\/a>, \u0441\u0432\u044f\u0437\u0430\u043d\u043d\u0443\u044e \u0441 ShadowBlur. \u0421\u0441\u044b\u043b\u043a\u0430<\/a> \u043d\u0430 \u0434\u0435\u043c\u043a\u0443 \u0434\u043b\u044f Chrome\\Edge, \u0432\u0435\u0440\u0441\u0438\u044f <\/a>\u0434\u043b\u044f \u0432\u0441\u0435\u0445 \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043e\u0432. \u0421\u043a\u0430\u0447\u0430\u0442\u044c<\/a> \u0434\u0435\u043c\u043a\u0443 \u043c\u043e\u0436\u043d\u043e \u0441 \u0441\u0430\u0439\u0442\u0430 \u0430\u0432\u0442\u043e\u0440\u0430.<\/p>\n

\u041a\u043e\u0434 MONOSPACE \u0441\u0436\u0430\u0442 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c \u0442\u0435\u0445\u043d\u0438\u043a\u0438 PNG bootstrapping<\/a>. <\/p>\n

Mathieu ‘p01’ Henri \u043f\u043e\u044f\u0441\u043d\u0438\u043b, \u0447\u0442\u043e \u0432 \u0434\u0435\u043c\u043a\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043b 2D Canvas, \u0438\u0437\u0431\u044b\u0442\u043e\u0447\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0432 ShadowBlur \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0441 \u0440\u0430\u0437\u043d\u043e\u0439 \u0433\u043b\u0443\u0431\u0438\u043d\u043e\u0439 \u0440\u0435\u0437\u043a\u043e\u0441\u0442\u0438. \u0414\u043b\u044f \u0432\u043e\u0441\u043f\u0440\u043e\u0438\u0437\u0432\u0435\u0434\u0435\u043d\u0438\u044f \u0430\u0443\u0434\u0438\u043e \u043e\u043d \u0437\u0430\u0434\u0435\u0439\u0441\u0442\u0432\u043e\u0432\u0430\u043b scriptProcessingNode, \u0437\u043b\u043e\u0443\u043f\u043e\u0442\u0440\u0435\u0431\u043b\u044f\u044f \u0441\u043e\u0431\u044b\u0442\u0438\u0435\u043c onAudioProcess \u0434\u043b\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u0437\u0432\u0443\u043a\u043e\u0432\u044b\u0445 \u0438 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0445 \u044d\u0444\u0444\u0435\u043a\u0442\u043e\u0432. \u0422\u0430\u043a\u0436\u0435 \u0432 \u0434\u0435\u043c\u043a\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0441\u0438\u043d\u0442\u0435\u0437\u0430\u0442\u043e\u0440 \u0440\u0435\u0447\u0438, \u043f\u043e\u0441\u043b\u0435 \u0435\u0433\u043e \u0430\u043a\u0442\u0438\u0432\u0430\u0446\u0438\u0438 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u043d\u043e\u0432\u0430\u044f \u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0430 \u0432 \u0445\u043e\u0434\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u044b. \u0414\u0435\u043c\u043a\u0430 MONOSPACE \u043d\u0430\u0437\u0432\u0430\u043d\u0430 \u0432 \u0447\u0435\u0441\u0442\u044c \u0441\u0435\u043c\u0435\u0439\u0441\u0442\u0432\u0430 \u043c\u043e\u043d\u043e\u0448\u0438\u0440\u0438\u043d\u043d\u044b\u0445 \u0448\u0440\u0438\u0444\u0442\u043e\u0432.<\/p>\n

\u0414\u043b\u044f \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044f \u0440\u0430\u0441\u0442\u0440\u043e\u0432\u043e\u0433\u043e \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u0438 \u043f\u043e\u043c\u043e\u0449\u0438 JavaScript (canvas) \u0438 \u043a\u043e\u043d\u0442\u0435\u043a\u0441\u0442\u0430 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u0434\u0435\u043c\u043a\u0438 \u0442\u0440\u0435\u0431\u0443\u0435\u0442\u0441\u044f 59 \u0431\u0430\u0439\u0442 \u043a\u043e\u0434\u0430:<\/p>\n

<canvas id=\"c\"><\/canvas><script>b=c.getContext`2d`<\/script><\/code><\/pre>\n
  \u041c\u0438\u043d\u0438\u0444\u0438\u0446\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u0434 MONOSPACE \u0438\u043c\u0435\u0435\u0442 \u0434\u043b\u0438\u043d\u0443 1438 \u0431\u0430\u0439\u0442:<\/p>\n
 d=[2280,1280,1520,c.width=1920,document.body.style.font=\"0px MONOSPACE\"],g=new AudioContext,o=g.createScriptProcessor(4096,document.body.style.margin=t=n=0,1),o.connect(g.destination),o.onaudioprocess=o=>{o=o.outputBuffer.getChannelData(e=Math.sin(t\/16%1,m=Math.sin(Math.min(1,y=t\/128)*Math.PI)**.5+.1,c.height=1080,b.shadowOffsetY=32420,c.style.background=\"radial-gradient(#\"+[222,222,222,222,155,155,102,102][t\/16&7]+\",black\",b.font=\"920 32px MONOSPACE\",f=[(x,y,t)=>x\/y*2-t,(x,y,t)=>(x**2+y**2)**.5-t,(x,y,t)=>x\/4^y\/4-t,(x,y,t)=>y%x-t][t\/16&3],u=\"\"+[[,f,f,\" CAN YOU HEAR ME\",f,f,,\"MONOSPACE\",\"THE END\"][t\/16|0]],t>n&&speechSynthesis.speak(new SpeechSynthesisUtterance(u,n+=16))));for(i=0;4096>4*i;i++)g[i]=r=(f(x=16-i%32,a=16-(i\/32|0),t)\/2&1)+(g[i]||0)\/2,x+=o[0]\/4+4*(1-m**.3)*Math.sin(i+t+8),a+=o[64]\/4+4*(1-m**.3)*Math.sin(i+t),h=x*Math.sin(y*2+8)+a*Math.sin(y*2),p=4096\/(m*32+4*h*Math.sin(e)+t%16),b.beginPath(f[i]=r\/p),b.arc(h*Math.sin(e+8)*p+1280,x*Math.sin(y*2)*p-a*Math.sin(y*2+8)*p-31920,p>0&&p\/(2+32-r*16),0,8),b.shadowBlur=o[0]**2*32+32-m*32+4+h*h\/2,b.shadowColor=\"hsl(\"+[f(x,y,t)&2?t-a*8:180,(t&64)*m+\"%\",(t&64)*m+\"%\"],b.fill();b.shadowBlur=o[0]**2*32,b.shadowColor=\"#fee\";for(i=0;4096>i;i++)o[i]=o[i]\/2+((Math.sin(t*d[t\/[4,4,4,4,1\/4,1\/4,16,4][t\/16&7]&3]*Math.PI)*8+(t*d[t\/8&3]\/2&6)+t*d[t\/16&3]\/4%6)\/64+f[i\/4|0])*m,64>i&t%16*6>i&&b.fillText([u[i+(o[i]*2&1)]],i%9*32+o[0]*16+180,(i\/9|0)*64+o[64]*16-t-31920),t+=1\/g.sampleRate} <\/code><\/pre>\n
  <\/p>\n
\n
\n
\n
<\/div>\n<\/div>\n<\/div>\n<\/div>\n
  \u0412 \u043d\u0430\u0447\u0430\u043b\u0435 \u043e\u043a\u0442\u044f\u0431\u0440\u044f 2020 \u0433\u043e\u0434\u0430 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442-\u044d\u043d\u0442\u0443\u0437\u0438\u0430\u0441\u0442 HellMood \u0438\u0437 \u0433\u0440\u0443\u043f\u043f\u044b DESiRE \u0432\u044b\u043f\u0443\u0441\u0442\u0438\u043b<\/a> \u0434\u0435\u043c\u043a\u0443 \u0434\u043b\u044f MS-DOS\/FreeDos \u043f\u043e\u0434 \u043d\u0430\u0437\u0432\u0430\u043d\u0438\u0435\u043c Gespensterwald. \u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0430 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u043c \u0432 62 \u0431\u0430\u0439\u0442\u0430 \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u0430 \u043d\u0430 \u0430\u0441\u0441\u0435\u043c\u0431\u043b\u0435\u0440\u0435. \u0410\u0432\u0442\u043e\u0440 \u0434\u0435\u043c\u043e \u043f\u043e\u0441\u0442\u0430\u0440\u0430\u043b\u0441\u044f \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0441\u0442\u0440\u043e\u0447\u043a\u0430\u0445 \u043a\u043e\u0434\u0430 \u0432 3D \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438 \u0443\u0433\u0440\u044e\u043c\u044b\u0439 \u0438 \u0436\u0443\u0442\u043a\u0438\u0439 \u043b\u0435\u0441, \u043e\u043a\u043e\u043b\u043e \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u043e\u043d \u0436\u0438\u0432\u0435\u0442. HellMood \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u0432 \u0434\u0435\u043c\u043e \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u043e\u0435 \u0433\u0443\u0434\u0435\u043d\u0438\u0435, \u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0438\u043d\u043e\u0433\u0434\u0430 \u0432\u043e\u0437\u043d\u0438\u043a\u0430\u0435\u0442 \u0432 \u044d\u0442\u043e\u043c \u0440\u0435\u0430\u043b\u044c\u043d\u043e\u043c \u043b\u0435\u0441\u0443. <\/p>\n
\u0421\u043c. \u0442\u0430\u043a\u0436\u0435:<\/p>\n