console.animate

E2fc870af7558b22cb90c227dce7b8dd?s=47 katashin
September 15, 2017
Programming
2
1.9k

 console.animate

ToKyoto.js ― Kyoto.js in Tokyo
https://kyotojs.connpass.com/event/64310/

E2fc870af7558b22cb90c227dce7b8dd?s=128

katashin

September 15, 2017
Tweet

More Decks by katashin

See All by katashin
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
150
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
2
1.5k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
180
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
11k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
11k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
1.7k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
2
27k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
1
820
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
1
2.5k

Other Decks in Programming

See All in Programming
B8403d102456248570005ee7fb2ba0f7?s=48 tooppoo
3
360
70b07e6b7fe7d921d7ac542d0ccb3b2c?s=48 kdmsnr
6
2.7k
E24ebbedcae292dc8e4b56186e082220?s=48 iganari
1
170
41a66760b3483d518d9e48a7da37f91b?s=48 shibadog1121
7
1.5k
B7caf463b7dbc6c305ba290ec3c16521?s=48 eroispaziali
0
280
E6143330e12cd226c3dab99f3fe8cb3e?s=48 yanaemon
1
140
0a98ad166f9cdf8d27d92c37438c6e9d?s=48 matsumana
0
260
8f1fde48dea93c5c3dd6c68c8b8cee92?s=48 kazutaka333
0
250
40301c0affdf359eaca771713e22b71a?s=48 harshbothra
0
650
Fb1b9f3d7332a7a7e262b70013b5f7dd?s=48 mtsmfm
0
120
5d769d109697012317c09c6a27a6a4bf?s=48 linyows
2
130
A8341bc33e5d88f607328d5a82fa42e1?s=48 smartcamp
0
250

Featured

See All Featured
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
293
38k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
164
6.7k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
2
400
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
391
60k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
5
340
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
264
16k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
342
20k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
218
110k
Ae14cc4491ac334f9cd23f9f93b4305e?s=48 orderedlist
325
34k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
26
850
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
319
53k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
3
390

Transcript

  1. console.animate

  2. !LUTO LBUBTIJO

  3. ͬͪ͜ͷ࿩͡Όͳ͍Ͱ͢

  4. IUUQTEFWPSPDPN

  5. None
  6. None

  7. render(‘͜Μʹͪ͸’) ͜Μʹͪ͸ <canvas> [0, 0, 0, 0, 0, 0, 0,

    209, 0, …] ImageData

  8. [0, 0, 0, 0, 0, 0, 0, 209, 0, 0,

    0, 255, …] ImageData SFE HSFFO CMVF BMQIB

  9. BMQIBͰUSVFɹͦΕҎ֎ͰGBMTF [ [f, f, f, f, f, f, … ],

    [f, f, f, f, f, f, … ], [f, f, f, f, t, t, … ], [f, f, f, f, t, t, … ], [f, f, f, f, f, f, … ], … ]

  10. पลͷGBMTFΛמΓऔΔ [ [f, f, f, f, f], [f, t, t,

    t, f], [f, t, t, t, f], [f, f, f, f, f] ]

  11. 5SVFˠ˙ɹGBMTFˠ˘ [ [˘, ˘, ˘, ˘, ˘], [˘, ˙, ˙,

    ˙, ˘], [˘, ˙, ˙, ˙, ˘], [˘, ˘, ˘, ˘, ˘] ]

  12. 7JFXQPSUΛͣΒͯ͠Ξχϝʔγϣϯ DPOTPMFDMFBSˠDPOTPMFMPHˠʜ [ [˘, ˘, ˘, ˘, ˘], [˘, ˙,

    ˙, ˙, ˘], [˘, ˙, ˙, ˙, ˘], [˘, ˘, ˘, ˘, ˘] ]

  13. ΧʔιϧͳΜͯͳ͍ͷͰ DPOTPMFDMFBSˠDPOTPMFMPHˠʜ

  14. ʊਓਓਓਓʊ
 ʼɹ׬੒ɹʻ
 ʉ:?:?:?:ʉ

  15. 'JSFGPY $ISPNF 4BGBSJ

  16. ͳ͔ͥ'JSFGPYͷEFWUPPMͷύϑΥʔϚϯε ͕܈Λൈ͍ͯྑ͍ DPOTPMFMPHͷୈೋҾ਺ʹ͸ελΠϧΛ౉ͤΔ console.log('%cfoo’, 'font-size: 10px;') DBOWBTʹେ͖Ίʹॻ͍͔ͯΒ খ͍͞αΠζͰDPOTPMFMPH͢Δͷ͕ྑ͍ײ͡ ஌ݟ

  17. ࣍͸Τοδݕग़ʜʜʁ render(‘’)