Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
160
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
2
1.6k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
180
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
11k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
13k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
0
1.8k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
2
30k
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
1
860
E2fc870af7558b22cb90c227dce7b8dd?s=48 ktsn
1
2.6k

Other Decks in Programming

See All in Programming
4047c64e3a1e2f81addd4ba675ddc451?s=48 zsmb
2
110
D76231a2114896dfcc7b79ac69558b79?s=48 yosuke_furukawa
PRO
14
3.9k
E473e5af1263c050599921981db46068?s=48 akatsukinewgrad
0
220
3ed241740309c9b4adfeccc6212465b0?s=48 mfunaki
1
180
3931098ae486b6df619050c63e24f6cc?s=48 osyo
1
370
825ca1ab7531dddc7948d14867a945a9?s=48 cwozaki
1
1.9k
99d4c0ed3c8027ea1c37b53d6441d042?s=48 sullis
0
120
Dbab5e5a1fd54531e1119ede6b3b9e65?s=48 horie1024
1
420
1081586739576c17a6c64dfd7e8049a1?s=48 ogidow
0
160
5c588fdfe782f92fa6b081903edd82bb?s=48 hr01
1
1.3k
1623dd1adf096ba35ba33727d933e14c?s=48 nbkouhou
9
4.8k
5c588fdfe782f92fa6b081903edd82bb?s=48 hr01
0
1.6k

Featured

See All Featured
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
100
11k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
106
14k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
321
53k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
26
1.3k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
308
17k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
258
36k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
219
15k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
229
18k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
114
7.1k
24fc194843a71f10949be18d5a692682?s=48 gr2m
83
11k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
368
42k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
119
16k

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(‘’)