#p5xjs search results

A fun JavaScript course in 24 YouTube lessons! Great for code newbies, #p5xjs enthusiasts, and coding clubs. A thread ๐Ÿงต๐Ÿ‘‡

mveteanu's tweet image. A fun JavaScript course in 24 YouTube lessons!

Great for code newbies, #p5xjs enthusiasts, and coding clubs.

A thread ๐Ÿงต๐Ÿ‘‡

draw = _ => { s = 4; g = width / s; for (let y = 0; y < g; y++) { for (let x = 0; x < g; x++) { dx = x - mouseX / 4; dy = y - mouseY / 4; d = Math.max(Math.abs(dx), Math.abs(dy)); b = Math.exp(-0.3 * d) * 255; fill(b); rect(x * s, y * s, s, s); } } } #ใคใถใ‚„ใProcessing #p5xjs


Added some inner shadow shapes ๐Ÿค”๐Ÿ–ผ๏ธ #p5xjs #p5js #creativecoding #generativeart

Menshguy's tweet image. Added some inner shadow shapes ๐Ÿค”๐Ÿ–ผ๏ธ
#p5xjs #p5js #creativecoding #generativeart
Menshguy's tweet image. Added some inner shadow shapes ๐Ÿค”๐Ÿ–ผ๏ธ
#p5xjs #p5js #creativecoding #generativeart

Keep the ๐ŸŸข๐Ÿ”ด in the air Gemini! I built a quick experiment to see if Gemini could help me sculpt a program - meaning it has to keep the program running seamlessly as we build it, never restart it In this video I'm sculpting a simple #p5xjs program and you can see on the leftโ€ฆ


"Resonant Tides" #GenerativeArt #ArtwithCode #p5xjs dm for the Code in @p5xjs


Only exploring.. And shaders are quite a struggle ๐Ÿฅฒ #svg #shader #p5xjs #genart #creativecoding

theo_coding_art's tweet image. Only exploring.. And shaders are quite a struggle ๐Ÿฅฒ

#svg #shader #p5xjs #genart #creativecoding

Trying for a more painterly style... ๐Ÿ‚๐ŸŒฒ๐Ÿ #p5js #p5xjs #creativecoding #animation


This is a preview of my code editor for young coders and code newbies. Features: - graphical based output area - tutorial pane - expandable code editor / output - JavaScript syntax helper - built-in assets You can fiddle with it at codeguppy.com #javascript #p5xjs


draw=_=>{q=99;V=createVector;background(245);D=V(mouseX-q/2,mouseY-q/2); D.normalize();X=q/2;Y=q/2;l=30;noStroke();for(a=0;a<TWO_PI;a+=0.01){ x=X+l*cos(a);y=Y+l*sin(a);b=max(0,V(cos(a),sin(a)).dot(D));fill(b*255); rect(x,y,5);}} #ใคใถใ‚„ใprocessing #p5xjs #p5t pseudo-rampart


Another JavaScript implementation of this classic game will soon be added to codeguppy.com. This project is perfect for Computer Science and Coding classes, as well as for coding beginners and aspiring game developers. #edtech #javascript #p5xjs #gamedev


A new JavaScript game project will be added soon to codeguppy.com. Attn CS Teachers: This project is great for Computer Science and Coding classes, as well as for coding beginners and aspiring game developers. #edtech #javascript #p5xjs #gamedev


Hello parents: I've assembled an "Illustrated JavaScript Coding Course" to teach your kids how to code. Almost 700 slides of fun content! โžก๏ธ Get the course here: codeguppy.gumroad.com/l/js/launch #javascript #codingisfun #p5xjs #programming


Hello code newbies and creative coding enthusiasts! Subscribe to "Coding Adventures" youtube channel for fun coding projects. youtube.com/@CodingAdventuโ€ฆ #p5xjs #codenewbies


Learn JavaScript and the basis of game development with this 700 page ebook: Now on sale: codeguppy.gumroad.com/l/js/launch #javascript #codenewbies #p5xjs

CodeGuppy's tweet image. Learn JavaScript and the basis of game development with this 700 page ebook:

Now on sale:
codeguppy.gumroad.com/l/js/launch

#javascript #codenewbies #p5xjs

Trying for a more painterly style... ๐Ÿ‚๐ŸŒฒ๐Ÿ #p5js #p5xjs #creativecoding #animation


Added some inner shadow shapes ๐Ÿค”๐Ÿ–ผ๏ธ #p5xjs #p5js #creativecoding #generativeart

Menshguy's tweet image. Added some inner shadow shapes ๐Ÿค”๐Ÿ–ผ๏ธ
#p5xjs #p5js #creativecoding #generativeart
Menshguy's tweet image. Added some inner shadow shapes ๐Ÿค”๐Ÿ–ผ๏ธ
#p5xjs #p5js #creativecoding #generativeart

Nice demo, did you write some kind of DSL, or is it just using #p5xjs? If you did do a DSL, how did you go about prompting it? I love the helper functions and they make sense, but how does the emoji work?


Keep the ๐ŸŸข๐Ÿ”ด in the air Gemini! I built a quick experiment to see if Gemini could help me sculpt a program - meaning it has to keep the program running seamlessly as we build it, never restart it In this video I'm sculpting a simple #p5xjs program and you can see on the leftโ€ฆ


Another JavaScript implementation of this classic game will soon be added to codeguppy.com. This project is perfect for Computer Science and Coding classes, as well as for coding beginners and aspiring game developers. #edtech #javascript #p5xjs #gamedev


A new JavaScript game project will be added soon to codeguppy.com. Attn CS Teachers: This project is great for Computer Science and Coding classes, as well as for coding beginners and aspiring game developers. #edtech #javascript #p5xjs #gamedev


Hello code newbies and creative coding enthusiasts! Subscribe to "Coding Adventures" youtube channel for fun coding projects. youtube.com/@CodingAdventuโ€ฆ #p5xjs #codenewbies


This is a preview of my code editor for young coders and code newbies. Features: - graphical based output area - tutorial pane - expandable code editor / output - JavaScript syntax helper - built-in assets You can fiddle with it at codeguppy.com #javascript #p5xjs


draw=_=>{q=99;V=createVector;background(245);D=V(mouseX-q/2,mouseY-q/2); D.normalize();X=q/2;Y=q/2;l=30;noStroke();for(a=0;a<TWO_PI;a+=0.01){ x=X+l*cos(a);y=Y+l*sin(a);b=max(0,V(cos(a),sin(a)).dot(D));fill(b*255); rect(x,y,5);}} #ใคใถใ‚„ใprocessing #p5xjs #p5t pseudo-rampart


draw = _ => { s = 4; g = width / s; for (let y = 0; y < g; y++) { for (let x = 0; x < g; x++) { dx = x - mouseX / 4; dy = y - mouseY / 4; d = Math.max(Math.abs(dx), Math.abs(dy)); b = Math.exp(-0.3 * d) * 255; fill(b); rect(x * s, y * s, s, s); } } } #ใคใถใ‚„ใProcessing #p5xjs


A fun JavaScript course in 24 YouTube lessons! Great for code newbies, #p5xjs enthusiasts, and coding clubs. A thread ๐Ÿงต๐Ÿ‘‡

mveteanu's tweet image. A fun JavaScript course in 24 YouTube lessons!

Great for code newbies, #p5xjs enthusiasts, and coding clubs.

A thread ๐Ÿงต๐Ÿ‘‡

Added some inner shadow shapes ๐Ÿค”๐Ÿ–ผ๏ธ #p5xjs #p5js #creativecoding #generativeart

Menshguy's tweet image. Added some inner shadow shapes ๐Ÿค”๐Ÿ–ผ๏ธ
#p5xjs #p5js #creativecoding #generativeart
Menshguy's tweet image. Added some inner shadow shapes ๐Ÿค”๐Ÿ–ผ๏ธ
#p5xjs #p5js #creativecoding #generativeart

Only exploring.. And shaders are quite a struggle ๐Ÿฅฒ #svg #shader #p5xjs #genart #creativecoding

theo_coding_art's tweet image. Only exploring.. And shaders are quite a struggle ๐Ÿฅฒ

#svg #shader #p5xjs #genart #creativecoding

Drawing with code program for young coders ๐Ÿ˜ #cseducation #javascript #p5xjs #coding

CodeGuppy's tweet image. Drawing with code program for young coders ๐Ÿ˜

#cseducation #javascript #p5xjs #coding

And the winner of Processing Foundation Jam #1 is... Set by old retro games! As a beautifully crafted puzzle, this really deserves the title "Jam Champion" and 4 category-champion titles! The runner-up and host choice is The Time Gem by hmckeee! #ProcessingJam #processing #p5xjs

DQG_TLB's tweet image. And the winner of Processing Foundation Jam #1 is...
Set by old retro games!
As a beautifully crafted puzzle, this really deserves the title &quot;Jam Champion&quot; and 4 category-champion titles!
The runner-up and host choice is The Time Gem by hmckeee!
#ProcessingJam #processing #p5xjs

Coding challenge: Run the attached program and answer the question! ๐Ÿง‘โ€๐Ÿ’ป๐Ÿ‘ฉโ€๐Ÿ’ป #javascript #p5xjs strokeWeight(5); stroke('Navy'); line(37, 62, 36, 149); line(35, 145, 80, 66); line(80, 67, 89, 144); line(89, 144, 131, 51); line(145, 56, 135, 148); line(139, 106, 192, 107); line(194,โ€ฆ

CodeGuppy's tweet image. Coding challenge: Run the attached program and answer the question! ๐Ÿง‘โ€๐Ÿ’ป๐Ÿ‘ฉโ€๐Ÿ’ป

#javascript #p5xjs

strokeWeight(5);
stroke(&apos;Navy&apos;);
line(37, 62, 36, 149);
line(35, 145, 80, 66);
line(80, 67, 89, 144);
line(89, 144, 131, 51);
line(145, 56, 135, 148);
line(139, 106, 192, 107);
line(194,โ€ฆ

Coding challenge: Run the attached program and answer the question! (see prev. post for alternative version) #javascript #p5xjs const lines = [ {x1 : 37, y1 : 62, x2 : 36, y2 : 149}, {x1 : 35, y1 : 145, x2 : 80, y2 : 66}, {x1 : 80, y1 : 67, x2 : 89, y2 : 144}, {x1 : 89, y1 :โ€ฆ

CodeGuppy's tweet image. Coding challenge:  Run the attached program and answer the question! (see prev. post for alternative version)

#javascript #p5xjs 

const lines = [
{x1 : 37, y1 : 62, x2 : 36, y2 : 149},
{x1 : 35, y1 : 145, x2 : 80, y2 : 66},
{x1 : 80, y1 : 67, x2 : 89, y2 : 144},
{x1 : 89, y1 :โ€ฆ

Learn JavaScript and the basis of game development with this 700 page ebook: Now on sale: codeguppy.gumroad.com/l/js/launch #javascript #codenewbies #p5xjs

CodeGuppy's tweet image. Learn JavaScript and the basis of game development with this 700 page ebook:

Now on sale:
codeguppy.gumroad.com/l/js/launch

#javascript #codenewbies #p5xjs

Did you know? Using grid(); in your projects adds a handy canvas overlay, making it easier to position your shapes with ease! ๐ŸŽจ๐Ÿ“ Works in codeguppy.com #javascript #p5xjs

CodeGuppy's tweet image. Did you know? Using grid(); in your projects adds a handy canvas overlay, making it easier to position your shapes with ease! ๐ŸŽจ๐Ÿ“

Works in codeguppy.com

#javascript #p5xjs

A fun draw with code project. Great for transitioning kids from Scratch to text-based coding. #javascript #cseducation #p5xjs #coding

CodeGuppy's tweet image. A fun draw with code project.

Great for transitioning kids from Scratch to text-based coding.

#javascript #cseducation #p5xjs #coding

Drawing with code is a great way to learn how to code! Visit the downloads section of codeguppy.com and download a free PDF with type-in draw with code programs. #javascript #p5xjs #cseducation #programming ๐Ÿงต Thread of image

CodeGuppy's tweet image. Drawing with code is a great way to learn how to code!

Visit the downloads section of codeguppy.com and download a free PDF with type-in draw with code programs.

#javascript #p5xjs #cseducation #programming

๐Ÿงต Thread of image

@shiffman For Dan and the new generation of Coding Train coders. I prepared a small "Word Search" puzzle for you. I hope you'll like it. Just open the link and press Play: codeguppy.com/code.html?aJwrโ€ฆ Feedback welcomed! ๐Ÿฅฐ @thecodingtrain #p5xjs #processing #javascript

CodeGuppy's tweet image. @shiffman For Dan and the new generation of Coding Train coders. I prepared a small &quot;Word Search&quot; puzzle for you. I hope you&apos;ll like it.

Just open the link and press Play:
codeguppy.com/code.html?aJwrโ€ฆ

Feedback welcomed! ๐Ÿฅฐ

@thecodingtrain #p5xjs #processing #javascript

๐Ÿ˜ A good read for CS teachers and coding enthusiasts: Introduction to JavaScript and Creative Coding codeguppy.com/blog/introductโ€ฆ An article-book about JavaScript programming and Creative Coding #javascript #creativecoding #p5xjs #edtech

CodeGuppy's tweet image. ๐Ÿ˜ A good read for CS teachers and coding enthusiasts:

Introduction to JavaScript and Creative Coding

codeguppy.com/blog/introductโ€ฆ

An article-book about JavaScript programming and Creative Coding

#javascript #creativecoding #p5xjs #edtech

Loading...

Something went wrong.


Something went wrong.