Frank's Laboratory

Creative coding tutorials, generative art and game development for beginners with plain vanilla JavaScript, HTML & CSS 🍀🌏🐾 He/him

[Frank's Laboratory @code_laboratory]

How to make your #JavaScript games mobile friendly? 1) Include fullscreen 2) Listen for touch events 3) Optimize your code for performance
New class out now https://t.co/aOd64QCga9
#learntocode #creativecoding #webdev #gamedev #html5games #html #css3 #webdevelopment #IndieGameDev

[Adya @AdyaTech]

Just created a 2D JavaScript game! Big thanks to @code_laboratory for their amazing tutorial that inspired this! 🎮

And guess what?! You can even play the game by clicking on this link:
https://t.co/6nwN46ZKTH

[Frank's Laboratory @code_laboratory]

@AdyaTech Nice work

[Dylan H. Dizon @dylanhdizon]

Day 53: Learning to code sprite movement patterns using HTML canvas and JS with @code_laboratory's excellent tutorial.

Had to dust off my basic trigonometry to fully get what's going on, but it makes sense now!

#100DaysOfCode #javascript #gamedev

[Prashant yadav @dev__prash]

Had a blast learning game dev with JavaScript.
Thanks to @code_laboratory for such an amazing course on game dev, and player states management. Finally was able to complete my first game.
Thanks to @bevouliin for quality game assets for free
Excited to learn more about JS.😀

[rahul iyer @rahuldotiyer]

genuary day 13 – w̶o̶b̶b̶l̶y̶ don't you just love when you intend to do something, get wildly distracted, and end up somewhere completely different?

thanks @piterpasma for the fun prompt and @code_laboratory for the distraction 😅

#genuary #genuary13 #genuary2024

[A L I @alishata128]

Sticky Dripping Effect 🌊🫧 made using pure vanilla javascript (canvas api), some math concepts, some tinkering to improve the liquidity of each particle, thanks to @code_laboratory for the knowledge I grasped from his YT channel
#alishata #realistic #dripping #javascript #canvas

[A L I @alishata128]

BW Chaos Lines Art inspired by @code_laboratory and
@Lucas__Lejeune
- created using Pure Vanilla JavaScript (CANVAS API)
#alishata #buildinpublic #buildinginpublic #creativecoding #Canvass #canvas #lineart #art #LiveArt #blackandwhite

[A L I @alishata128]

Lightening Flow Field ☄️🫧 - made in CANVAS API
- inspired by @code_laboratory
#alishata #canvas #art #generativeart #webdevelopment #buildinpublic #buildinginpublic #creativecoding #LiveArt #chaos #lineart

[A L I @alishata128]

Chaos of Lines (Live Art) 🔥 - made with CANVAS API
- inspired by @code_laboratory
#alishata #canvas #art #generativeart #webdevelopment #buildinpublic #buildinginpublic #creativecoding #LiveArt #chaos #lineart

[Frank's Laboratory @code_laboratory]

Exploring some new effects for a #creativecoding compilation focused on pixel & image manipulation.

#JavaScript #LearnToCode #html5 #css3 #FrontEndDeveloper #generativeart

[A L I @alishata128]

Just created an Audio Visualiser 🔥🎯 using Vanilla JS & Canvas API, thanks for (@code_laboratory), inspired by @SoundCloud music player

#alishata #creativecoding #Audio #visualization #visualiser #SoundCloud #player #CodingJourney #buildinpublic #buildinginpublic #coding

[Frank's Laboratory @code_laboratory]

@_parlakemre Hi Emre, great suggestion, yes I would like to do that, will look into it. It will involve a lot of trigonometry I guess :)

[Frank's Laboratory @code_laboratory]

The state pattern is one of the most powerful techniques we can learn, to bring our #JavaScript games to the next level
https://t.co/RtLrv3ZLID
Use it to give a character a set of special MOVES or create unique LEVELS for your #game
#gamedev #100DaysOfCode #webdevelopment #webdev

[A L I @alishata128]

Just created a Smart Particles System using Canvas API 💯with an adaptive gradient, mouse push effect, and friction
#alishata #100daysofcode #100Devs #buildinpublic #codecreation #codinglife #webdev #webdevelopment #canvas #javascript #buildinginpublic #particles #creativecoding

[Frank's Laboratory @code_laboratory]

@twmelesi Glad you found some value!

[Frank's Laboratory @code_laboratory]

Hi coders! New vanilla #JavaScript #gamedev class for beginners out NOW, have a nice weekend! https://t.co/j231byKF9c LOTS of FREE game art assets with this one, what do you think about this vector based art style and forest theme? #HTML #CSS3 #webdev #FrontEndDeveloper #html_css

[Frank's Laboratory @code_laboratory]

Nice job!

[Lokendra @Lokendratwt]

Day 3 of #100DaysOfCode

Working on a 2d js game similar to 90s Mario game
learning from @code_laboratory

- learnt Import/Export in js and also implemented in this below game
- also coded for 4+ hrs and after many errors the animation worked
- game link: https://t.co/HwECDa47py

[Frank's Laboratory @code_laboratory]

@TonyMCodes Nice work @tsv_stacks

[Frank's Laboratory @code_laboratory]

@autrecoeur Nice work

[Daniel Crompton @dtcrompton_]

My very first vanilla #javascript Perlin flow field

Let the fun commence!

Thanks Frank @code_laboratory, you're a legend 🙏