Introducing Fragment v0.1.1 - a web development environment for creative coding
github.com/raphaelameaume
Follow
Raphaël Améaume
@raphaelameaume
Freelance creative developer. Building Fragment. Ex . Former Gobelins CRMA student. he/him instagram.com/raphael_sketch
Raphaël Améaume’s Tweets
Quote Tweet
Replying to @raphaelameaume and @codesandbox
Yes! The entire thing runs in a VM, so there are no browser constraints.
I did all my posters for the gencup.art using fragment.
0:31
118 views
5
Just discovered the Fragment tool by , and it's been a game-changer for my generative artworks!
Excited to add it as a template in to have all the benefits of an environment for creative coding in the cloud :)
codesandbox.io/p/sandbox/gall
1
3
18
It was fun to reproduce ! Thanks for the explanation
The occasion to try Fragment by , I like it !
#threejs #madewithfragment
Quote Tweet
Here's a quick explanation of how I created this effect.
Show this thread
2
29
I wrote something. And this one I'm especially proud of.
It's about those moments where I ask myself: how can you not be romantic about programming?
thorstenball.com/blog/2020/09/0
8
37
126
Announcing: GENUARY 2023 -- Generative Art Month
genuary.art
For the third time, GENUARY is an artificially generated month of time where we build code that makes beautiful things. Flex your genart muscles and participate!
#generative #genartclub
19
222
500
here's the second part of the talk (filmed by ): youtu.be/bqtVv9ts29c
my slides(?) from the first section of the talk are up at tldraw.com/r/space (please don't vandalise them)
4
6
11
Show this thread
Mastodon and other decentralized services are popular now, but I feel like a lot of the #IndieWeb is still geared towards people with technical knowledge. How can we lower that barrier and build better social media?
✏️ I wrote a thing:
2
32
75
I’m glad to announce #SurpriseLand goes live this Thursday, 17 November on !
A new generative collection of 100 pieces permanently exhibited in an immersive experience: Surprise Land.
All details in this thread 🧵1/7
12
34
103
Show this thread
I've been using fragment for the last month or so as a tool to make images/video with code and it's been so transformative to my practice. It's such a powerful amplifier of creativity and it looks like it's going to get a whole let better ✨
Quote Tweet
Making some good progress on the design + API on this.
Also added tabs, and infinite nesting of tabs and subfolders within each other. twitter.com/raphaelameaume…
Show this thread
2
1
2
Show this thread
From the sketch file, you would be able to create tabs and folders and just reference them in the props object.
You could even display a prop control at multiple locations at the same time!
1
Show this thread
Making some good progress on the design + API on this.
Also added tabs, and infinite nesting of tabs and subfolders within each other.
Quote Tweet
Thinking about how to add custom folder organization to Fragment when you have too many props, while being able to name/order them and add subfolders.
Something like:
let postpro = addFolder('postpro');
let dofPass = postpro.addFolder('dofPass'); // subfolder
Thoughts ?
2
2
12
Show this thread
[THREAD] - Body detections and generative coding
I'm currently working with TensorFlow, implemented with fragment.tools
I'd like to create a physical project in the future with this concept
#madewithfragment #MadeWithTFJS
1
3
33
Show this thread
Did you know these are called Boolean Operations?
That's because they use booleans to determine which part of the shapes should be visible.
Let me explain 👇
8
37
358
Show this thread
Codevember day 1️⃣ - Easing Experimentation 1/3
#madewithfragment #generativeart #genartclub #codevember #creativecoding #webgl #shaders #glsl #computergraphics
5
2
12
Show this thread
Thinking about how to add custom folder organization to Fragment when you have too many props, while being able to name/order them and add subfolders.
Something like:
let postpro = addFolder('postpro');
let dofPass = postpro.addFolder('dofPass'); // subfolder
Thoughts ?
2
1
3
That talk about the previous, current and future states of programming environments and languages is a must-see for developers.
It resonates with what I'm trying to achieve with Fragment (despite the compile step) by providing instant reload/feedback and programmable interfaces
Quote Tweet
"Stop Writing Dead Programs" by Jack Rusher @jackrusher from Strange Loop 2022 youtube.com/watch?v=8Ab3Ar
3
2
2
55
Roadmap for Fragment this fall:
- Audio reactive sketches
- Image prop type
- Custom directory for outputs
- Conditional props
- Webcam based sketches
- WebGL mode support
- Open monitor in separate window
- JSDoc/TS support for autocompletion
What else ?
17
On a parlé de Fragment avec et sur , de sa genèse à ce que j'imagine pour la suite du projet!
Si tu veux revoir le stream c'est par ici: twitch.tv/techartpodcast
Quote Tweet
On est live avec
@raphaelameaume !
On va parler de Fragments son nouveau tools de creative coding !
N'hesitez pas a venir lui poser vos questions! #creativecoding
twitch.tv/techartpodcast
1
4
I said "soon" and it means...tomorrow!
Happy to join to discuss the making of Fragment!
Quote Tweet
Hello!
Nous recevons @raphaelameaume demain a 12h, le live sera disponible ici et sur Twitch! 
Et comme une bonne nouvelle ne viens jamais seul, l'interview de @Julien_Espagnon est dispo sur notre chaine youtube : youtu.be/jUk2vgsPzVc 
Et comme une bonne nouvelle ne viens jamais seul, l'interview de @Julien_Espagnon est dispo sur notre chaine youtube : youtu.be/jUk2vgsPzVc 2
2
17
Fragment has reached 500 stars on Github already ✨
Thank you all for the support!
News about what's next are coming soon 👀
1
5
43
In Amsterdam until Saturday ✌️
9
much detail
18
39
485
Show this thread
Thank you all for the comments, feedback, likes and everything on Fragment 🙌
I just released v0.1.11 which fixes some of the issues found in the last days.
github.com/raphaelameaume
Excited for what's next 👀
Quote Tweet
Introducing Fragment v0.1.1 - a web development environment for creative coding
github.com/raphaelameaume
fragment.tools
Show this thread
3
🔥🔥 Today we, are launching our 💡image relighting #AI application 💡
The app allows you to apply professional lights to your portrait images 📸 in real time ⚡
Try it now! it is free 🙂
producthunt.com/posts/clipdrop
#photography #MachineLearning
17
147
648
Show this thread
Quote Tweet
Introducing Fragment v0.1.1 - a web development environment for creative coding
github.com/raphaelameaume
fragment.tools
Show this thread
12
77
I’ve been using Fragment for a couple of months, from quickly prototyping a shader for a website to #genuary2022.
I’m super excited to see what you’re going to create with it.
Feel free to share your work with #madewithfragment
1
3
Show this thread
I have other features and ideas for Fragment (some half developed yet) but that will happen later!
In the meantime, I’d love to hear your suggestions if you have any!
And let me know if you encounter any issues (there will be some 🙃)!
2
3
Show this thread