@RT Jarrod Thibodeau
Ever wanted to know how combos are implemented in video games at the most basic level? This Pen has all the code you need to implement combos in JS/TS.
Hitting the keys properly becomes a little more addicting than you expect.
via @CodePen
https://codepen.io/jarrodthibodeau/pen/gOoNyxR
https://twitter.com/jarrodthibodeau/status/1521849048734523393
RT GreenSock
Lovely demo of FLIP here from @keyframers animation whizz @shshaw
http://codepen.io/shshaw/pen/OJQPexo
RT Gabrielle Wee
I challenged myself back in 2018 to make every single Pokémon Quest icon with CSS only on @CodePen. I finally finished in 2022! Each icon is fully responsive and there's even a CSS-only navigation to sort by type. Check it out at
https://codepen.io/gabriellewee/pen/KKQwydY
"point and click penguin" by Masahito Leo Takeuchi
https://codepen.io/Ma5a/pen/MWrZPOP
RT Jon Kantner
An animated emoji rating, from saddest to happiest!
https://codepen.io/jkantner/pen/zYRxdgm
RT Louis Hoebregts
The best thing of being in quarantine because of c*vid, is that you have plenty of time to work on side projects ✨
Here is my little weekend project with the Everest and surrounding 🏔🚠
#Maperitive + @threejs + @greensock + @CodePen = 🥰
https://codepen.io/Mamboleoo/full/QWQWwwG
The May #CodePenChallenge starts now!
This month we're gonna Get Moving 🕺
And we're starting it off with a bump 🤜🤛
Thanks Swimm for sponsoring!
https://codepen.io/challenges/2022/May/1
RT T. Afif @ CSS Challenges
💡 CSS Tip!
Create a simple button with a cool effect
✅ One element (the <button> tag)
✅ No duplicated text
✅ No pseudo element
✅ Optimized with CSS variables
Demo:
#CSS
http://codepen.io/t_afif/full/LYQPQex
https://twitter.com/ChallengesCss/status/1520007019939479552
RT Toshiya Marukubo
GW びろーん
Code👇
Video alt : GWs are stretching.
https://codepen.io/toshiya-marukubo/pen/vYdBpqy
https://twitter.com/toshiyamarukubo/status/1519998051611340800
RT Paulina Hetman
Let's get back to learning Three.js - CodePen - Hover Effect
https://codepen.io/pehaa/pen/popMNEM
RT Kit Jenson
Been toying with some beat 'em up mechanics the past few days. Check it out...
#creategames #indiegame #gamedev #indiegamedev #indiedev #indiegames #game #gaming #javascript #gamedevelopment #games #videogames
https://codepen.io/kitjenson/full/KKZjwJL
RT David K. 🎹
Loved this cursor glow by @linear so much that I had to recreate it with CSS and a little bit of JS on @CodePen:
🔗
It uses CSS variables, radial gradients, and a clever inset to achieve the effect ✨
Brian Lovin: This is neat — the cursor glow hits the edges of neighboring boxes, but doesn't illuminate their fills until the mouse actually crosses over.
Lovely work, as always 😍
https://twitter.com/linear/status/1519015271201222660
RT matty
some output from my submission for @sableRaph's #WCCChallenge last week
code & animated live version at
#generativeart #creativecoding #webgl
https://codepen.io/mattywillo_/full/zYpXQdP
RT Kit Jenson
My twitter header is a screen grab from an old game I made about pushing planets into the sun.
Check it out:
#creategames #indiegame #gamedev #indiegamedev #indiedev #indiegames #game #gaming #gamedevelopment #games #videogames
https://codepen.io/kitjenson/full/zQEdmE
RT ilithya
S02 E04 #curiouslyminded ✨
Earlier this year @iamelizasj and I welcome 2022 with a fabulous guest on our stream — @formographik Nicole took us on a gradient & noise journey which was very detailed!…
https://codepen.io/ilithya/details/jOGgLBJ
https://twitter.com/ilithya_rocks/status/1518324602715389959
RT Adam Argyle
Animate opacity and not a blur() filter.
See it in this demo:
The blur() animation has awkward viewport edge blurring. Opacity animation doesn't.
Also, the effort level (CPU or GPU usage) of the opacity animation is far less than a filter.
Win. Win.
https://codepen.io/argyleink/pen/eYyawqx
RT Álvaro Montoro
An interactive SNES controller in 3D, coded in HTML and CSS.
Click on the top circle to change the camera angle. It works using a mouse, keyboard, or a gamepad connected to the browser (I had to add a pinch of JS for that 😉)
Demo on @CodePen:
https://codepen.io/alvaromontoro/full/PoEgRPG
https://twitter.com/alvaro_montoro/status/1518569304249315333
Bot
Build, test, and discover front-end code 👩🏽💻
Joined Dec 2020
