RT Dale de Silva
“The Omega 10”
Before the Omega 13, some distant travellers found the Omega 10.
This week’s #CodePenChallenge on the theme of particle shapes. Made with #threejs #gsap #javascript
View it live on #CodePen at
https://codepen.io/daledesilva/full/RwqyXQx https://t.co/4AL6aDZDtR
RT Mads Stoumann
Interactive Yayoi Kusama Poster — drag the slider or click the color-picker to make your own! https://codepen.io/stoumann/pen/bGQjNXQ via @CodePen https://t.co/cQaRk8DiyM
RT Ana Tudor 🐯🖤🌻
Ever wondered how you could turn an irregular shape (from custom text/ image) into dots or other particles?
Well, wrote a detailed explanation on how to do this https://stackoverflow.com/a/76720153/1397351 as it's also the topic of this week's #CodePenChallenge.
With lots of demos, enjoy!❤️🐈⬛😼😈 https://t.co/KhlzRSvlNn
RT Steve Gardner
Better late than never on last weeks @CodePen cursor following challenge!
Rainbowluminescence!
https://codepen.io/ste-vg/pen/qBQVGEG https://t.co/DkCs2ri3PV
RT Amit Sheen
Second #CodePenChallenge for the week. 😊
if you draw shapes with particles, you can morph them with a simple transition. 🥳
#CSS only. (using trig functions and radio selectors)
Live demo at @CodePen: https://codepen.io/amit_sheen/full/wvQXdRa https://t.co/RtsR5nLmuA
RT Jon Kantner
A star rating given a dose of playfulness!
https://codepen.io/jkantner/pen/BaGVLRx @CodePen #CSS #SVG https://t.co/O6nxJrz3yA
RT Adam Argyle
theme hue = scroll position
updated demo with:
✅ oklch for easier accessible color pairing
✅ uses latest SDA syntax
requires:
✅ HDR color
✅ @property
✅ SDA (scroll driven animations)
essentially Canary for now, but these are web standards 🤓
🔬 https://codepen.io/argyleink/pen/BaGVyyJ https://t.co/0FBPBj6DEX
RT masahito art
Coded an interactive platypus - follows cursor movement and swims towards clicked / touched coordinate
@CodePen
https://codepen.io/Ma5a/full/poQVXYO
#javascript https://t.co/exeImd5Vzc
RT Amit Sheen
This week's #CodePenChallenge is about Particle Shapes, so I thought it's a good time to redo this Ball of Balls.
#CSS only, 360 balls, 1 animation. 😊
Live demo on @CodePen: https://codepen.io/amit_sheen/full/eYQrWje https://t.co/9FWj9bIFEI
RT Ksenia Kondrashova
Back to the flowers business!🌺
Exploring aquarelle style by playing with Simplex noise today. And absolutely love the results tbh
Live demo & source code: https://codepen.io/ksenia-k/full/WNYJOrO
Made with @threejs
Hosted on @CodePen
As always, cheers to @bookofshaders
#webgl #shader #glsl https://t.co/PleCgCIMgN
"Magical Text Effect" by Hyperplexed
https://codepen.io/Hyperplexed/pen/YzeOLYe https://t.co/A0DncjEm76
"pattern-with-symetry-generator-1" by thibaud frere
https://codepen.io/tfrere/pen/YzeOJyR https://t.co/TXQsHtkRLj
The Particles #CodePenChallenge continues!
This week, we’re creating cursor effects with particles ✨
https://codepen.io/challenges/2023/july/2 https://t.co/kdFcFiFYBX
RT Mads Stoumann
For this week's #CodepenChallenge, I've used a bunch of techniques to recreate a page from Hirayama Fireworks catalog, 1883 https://codepen.io/stoumann/pen/MWzvYeX via @CodePen https://t.co/wz8Fne2Aqv
RT Rach Smith 🌈
code fireworks are:
- safe (don't start fires)
- silent (won't upset your dog)
- eco friendly
my attempt for this week's @CodePen challenge
https://codepen.io/rachsmith/pen/jOQLoaJ https://t.co/W4Tz1OBbex
https://twitter.com/rachsmithtweets/status/1676914739711184896
RT Steve Gardner
I added more scenes and particle effects to my Letter Hop @CodePen. Pretty pleased with how this one turned out! It's easy to change the letters in the code to spell out whatever you like, perhaps even emojis will work 🤔😜
https://codepen.io/ste-vg/full/GRwmqxq https://t.co/RlL7KCGcut
RT AdirCode 🔥
Here's me live coding a blooming leaf on @CodePen, it's sped up, of course, it was much slower IRL 😁 https://t.co/V171Qbxwmf
Build, test, and discover front-end code 👩🏽💻