Bastien Cornier
@bastiencornier.bsky.social
Roaming independent creative developer, previously at @ cher-ami.tv | Former sweetpunk.com | Alumnus of gobelins.fr ☞ bastiencornier.com
New project! Two influential word lists made by language researchers define an "essential English vocabulary" for learners: one from 1953 and another from 2023. In this essay, Jasmine Nackash examines the differences between them and what that says about us. link: pudding.cool/2026/07/esse...
Web Dev tip 🔥 Did you know you can get a png of any DOM Node by simply right clicking on the markup in the dev tools and selecting 'capture node screenshot'? 📸 Here is an example of some of my new followers as a png. Really handy for all sorts of things! 🙂
Turned my ASCII text scramble hover effect into a full-screen playground. Radial waves expand from the cursor, with a GUI to tweak everything live. Probably useless. Fun to play with though. Bonus: you get to read some Lovecraft. Codepen: codepen.io/erevan/full/qEaYQPw
So, I’ve written a bunch of things on how to do certain things with View Transitions, such as optimizing the keyframes or driving a VT by scroll. I noticed I repeat a lot of code throughout those experiments … so I bundled that all up in a package for you. 👉 chrome.dev/view-transit...
View Transitions Toolkit
A collection of utility functions to more easily work with View Transitions.
chrome.dev
What's the best way to showcase modern CSS features? By making games! This time it's the Dino Game 🦖 by @developer.chrome.com css-tip.com/dino-game/ 100% CSS magic playable with the keyboard. Yes, you can jump and crouch with the arrow keys! 👀 Don't search for the JS, there is none.
The clearest deep-dive on signals I've come across. The push-pull algorithm finally makes sense. This is exactly the kind of work the frontend community needs more of. Congrats @willybrauner.com 🙌
Willy Brauner@willybrauner.com · 5mo agoNew post released! 🎉 I’m breaking down everything I’ve learned about the push-pull algorithm in Signals. It's an important publication for me, this article required more research and creativity than my previous posts. Enjoy! → willybrauner.com/journal/sign... #signals #frontend #article
I thought I'd do a little technical breakdown of this one. Creative experience with WebGL, scroll animations and custom interactions, built under hard accessibility and performance constraints from day one. 🧵 #FrontEnd #Javascript [1/9] 👇
Bastien Cornier@bastiencornier.bsky.social · 5mo agoNew collab with Collectif Parcelles - pushing creative, accessible & sustainable web. Interactive site with WebGL shaders + scroll animations, RGAA/RGESN(a11y/sustainability) compliant. Tech: Vue/Nuxt, Vanilla JS, WAAPI, OGL, <500kB total. Immersive ≠ heavy → collectifparcelles.fr #a11y #webgl
Coloring for Colorblindness : tester l'accessibilité de vos palettes de couleurs
Coloring for Colorblindness
This interactive visual tool lets you see how accessible your color palettes are to viewers who are colorblind.
davidmathlogic.com
New collab with Collectif Parcelles - pushing creative, accessible & sustainable web. Interactive site with WebGL shaders + scroll animations, RGAA/RGESN(a11y/sustainability) compliant. Tech: Vue/Nuxt, Vanilla JS, WAAPI, OGL, <500kB total. Immersive ≠ heavy → collectifparcelles.fr #a11y #webgl
Hey folks so I’m not good at this but, I’m a Sr. Producer seeking work! 💼 20 years of game production XP across Netflix Games/Spry Fox, Bungie, Blizzard, Zynga, Riot Games, and more ⭐️ indie, AAA, PC/console/mobile, 8-400 person teams, internal and ex-dev www.linkedin.com/in/cuppycake...
Tami Lam - Netflix | LinkedIn
Producer-shaped person doing the video games thing for 20 years. Nominated for an… · Experience: Netflix · Education: AnimSchool · Location: Irvine · 500+ connections on LinkedIn. View Tami Lam’s prof...
linkedin.com
@kyndinfo.bsky.social's articles are always invaluable resources for understanding complex concepts. Highly recommend!
kyndinfo@kyndinfo.bsky.social · 6mo agoWhat is Randomness? ランダムさとは (Chaos Theory カオス理論 ) Can you explain what "random" means? Information theory has a unique way to look at it. ランダムであるとはどういう意味でしょう。情報理論の視点から見てみます。 kyndinfo.notion.site/What-is-Rand... #p5js #math #physics #code #art #design
Head of CNC (part of french ministry of culture in charge of cinema & game industries) raises a warning on private school selling expensive dreams (30 to 50k€) to wannabe gamedevs www.linkedin.com/posts/gaetan... (ping @erwancario.bsky.social)
Hey Bluesky I've updated my portfolio I'm currently looking for projects, so if you like my work, I'm available! (Full version in comment) #indiegame #indiedev #composer #vgm #videogamemusic #Portfolio #videogame #freelance #gamedev
Sharing the ASCII link hover ripple from my tiny folio. Plain JS, minimal CSS, layout‑safe for long labels. Demo: codepen.io/erevan/pen/M...
//\ Relief #159 Location: Montée du Puits, Provence-Alpes-Côte d'Azur, France Coordinates: 43.2135, 5.4418 Elevation Range: -1m to 538m Terrain type: low-hilly Requested by @navalu.bsky.social #ReliefOfTheDay #DataViz #Geography
Hey, ça fait un petit moment que je travaille avec Abeto sur un projet de petit jeu jouable sur navigateur et c'est sorti hier ! C'est gratuit et ça dure 10/15 minutes. N'hésitez pas à aller essayer : messenger.abeto.co (en plus c'est multi, vous pouvez le faire à plusieurs) #indiegame #ost
Messenger
It's a small planet, but someone's gotta make the deliveries.
messenger.abeto.co
Pou le plaisir, un clin d'oeil à mon collègue japonais Akiyoshi Kitoaka, de l'université Ritsumeikan de Kyoto, qui met tout son matos en ligne, comme cette magnifique canette, qui n'est rouge que parce que notre cerveau nous la fait voir rouge, alors qu'elle n'est faite que de blanc, noir et cyan 👇
Since I'm now freelancing full-time, I made a new tiny portfolio: bastiencornier.com. Tiny because I wanted it to be minimalist, and I set a strict budget of 10kB, including the WebGL frame. Everything fits!
Bastien Cornier | Creative Developer based in Lyon, France
Creative developer based in Lyon, France. Creating innovative web experiences & digital installations. 7+ years expertise in crafting high-end web experiences and immersive storytelling.
bastiencornier.com
I built a playable Softbody Tetris using #threejs #tsl and my softbody engine! 🕹️ I still consider this a work in progress, but you can already try it out in your #webgpu compatible browser here: 🔗 holtsetio.com/lab/tetris/
Bot update: @reliefbot.bsky.social now takes location requests! Comment coordinates (lat/lon) like "48.8566, 2.3522" on its latest post for next day's render. First valid comment only, land locations only. Can't wait to see your favorite hilly places! #ATProto #CreativeCoding #DataViz #Javascript
Earth Topo Relief Bot@reliefbot.bsky.social · last yr.//\ Relief #043 Location: Lago Argentino, Santa Cruz, Argentina Coordinates: -50.2961, -72.9760 Elevation Range: 179m to 1430m Terrain type: mountainous #ReliefOfTheDay #DataViz #Geography
Been exploring various aspects of #ATProto lately and created this bot as an experiment - it generates visual elevation renders from random spots around Earth. Follow @reliefbot.bsky.social for daily terrain renders. Source code: github.com/Bastou/bot-b... #CreativeCoding #GenArtClub #Javascript
GitHub - Bastou/bot-bluesky-reliefs: Deno-based bot that generates and posts daily visualizations of terrain elevation data from random global locations on Bluesky.
Deno-based bot that generates and posts daily visualizations of terrain elevation data from random global locations on Bluesky. - Bastou/bot-bluesky-reliefs
github.com
Earth Topo Relief Bot@reliefbot.bsky.social · last yr.//\ Relief #001 Location: Area B (Finlay Valley/Beatton Valley), British Columbia, Canada Coordinates: 57.3996, -123.2824 Elevation Range: 1146m to 1878m Terrain type: high-hilly #ReliefOfTheDay #DataViz #Geography
