designers decode
designers decode
  • 32
  • 44 348
Image guessing game with p5js and LLMs (Ollama and ChatGPT)
You can use a multimodal model (LLaVA or ChatGPT) to ask questions about images. Here is a little app made with p5js.
➤ Please like & subscribe to see more videos like this.
➤ Download code examples (free & paid) from my shop and support the channel:
designersdecode.com/
#creativecoding #p5js #tutorial
Переглядів: 85

Відео

Create a Chatbot with p5js and Ollama
Переглядів 160Місяць тому
Let's create a chatbot with p5js and local Ollama Large Language Models. You will learn how to make a chat request to local Ollama models and use the response in your p5js sketch. The JavaScript codebase is quite simple. ➤ Please like & subscribe to see more videos like this. ➤ I posted the complete source code on my website (as paid product). Thank you for supporting the channel! designersdeco...
Run LLMs on Your Mac with Ollama
Переглядів 126Місяць тому
Let's install Ollama on Mac. You don't need a paid subscription or share your personal data to use Large Language Models. ➤ Please like & subscribe to see more videos like this. ➤ Download code examples (free & paid) from my shop and support the channel: designersdecode.com/
AI renames and organizes your screenshots
Переглядів 268Місяць тому
How about an AI that renames and organizes your screenshot automatically? Github repo: github.com/cdaein/rename-screenshot ➤ Please like & subscribe to see more videos like this. ➤ Download code examples (free & paid) from my shop and support the channel: designersdecode.com/ #ollama #chatgpt
p5js and ComfyUI (How to use StableDiffusion, LCM Loras, SDXL Turbo)
Переглядів 6723 місяці тому
We'll look at the ComfyUI p5js node and how to speed up the image generation by using different types of models (LCM Lora and SDXL Turbo). Note: Check the license terms of each model before using AI-generated images commercially. ➤ Please like & subscribe to see more videos like this. ➤ ua-cam.com/video/O_wFj-ZhRgM/v-deo.html ➤ ua-cam.com/video/Ql-qPn3PgGg/v-deo.html ➤ Download workflows and ot...
Install Python with Miniconda
Переглядів 2453 місяці тому
➤ Please like & subscribe to see more videos like this. Installing Miniconda: docs.anaconda.com/free/miniconda/miniconda-install/ Anaconda vs. Miniconda: docs.anaconda.com/free/distro-or-miniconda/ ➤ Download code examples (free & paid) from my shop and support the channel: designersdecode.com/ #creativecoding #tutorial
Install ComfyUI on Mac (local StableDiffusion)
Переглядів 4,5 тис.3 місяці тому
➤ Please like & subscribe to see more videos like this. ➤ Download code examples (free & paid) from my shop and support the channel: designersdecode.com/ ➤ Install Conda for Python: ua-cam.com/video/O_wFj-ZhRgM/v-deo.html #stablediffusion #comfyui 0:00 - intro 1:04 - overview 2:00 - install Conda Python 3:10 - create a new Conda environment 5:40 - install PyTorch 8:44 - clone ComfyUI repo 11:14...
From p5js to StableDiffusion with Replicate API
Переглядів 3687 місяців тому
We'll use Replicate API to generate images. You only need to write frontend p5js code. Replicate.com account and an API key are required. You can download the template code from the link below. ➤ Please like & subscribe to see more videos like this. ➤ Create an account and get API key: replicate.com ➤ The plugin: github.com/cdaein/vite-plugin-ssam-replicate ➤ Download code examples (free & paid...
Stable Diffusion images from p5js locally on Mac
Переглядів 1,3 тис.8 місяців тому
We can now run StableDiffusion (Latent Consistency Model) on Apple Silicon Mac locally and with p5js Canvas. The inference speed is fast enough to quickly test out ideas. You can use the same technique with vanilla JS, too. To try yourself, download the source code from the link below. ➤ Please like & subscribe to see more videos like this. ➤ Download code examples (free & paid) from my shop an...
Never Lose Your Generative Art Code with Git Image Snapshot
Переглядів 2409 місяців тому
Have you ever wanted to go back to an earlier iteration of your sketch but you don't have the code anymore? This video may be useful to you. We look at a Vitejs plugin to both save your code and the image output. We implement the code with p5js library, but the same technique can be used with any other Canvas libraries or in vanilla JS, too. ➤ Please like & subscribe to see more videos like thi...
Write-on Typography Animation with p5.js + opentype.js + g.js
Переглядів 1 тис.9 місяців тому
Write-on Typography Animation with p5.js opentype.js g.js
Simple Particle Animation with p5.js
Переглядів 33810 місяців тому
Simple Particle Animation with p5.js
Animate with easing functions in p5.js
Переглядів 56810 місяців тому
Animate with easing functions in p5.js
Multi-color gradients with p5.js
Переглядів 1,4 тис.10 місяців тому
Multi-color gradients with p5.js
[code to type] resizing type (typography + p5js)
Переглядів 7814 роки тому
[code to type] resizing type (typography p5js)
[code to type] type setting with function and transformation (typography + p5js)
Переглядів 7204 роки тому
[code to type] type setting with function and transformation (typography p5js)
[code to type] control serif with variable (typography + p5js)
Переглядів 1,2 тис.4 роки тому
[code to type] control serif with variable (typography p5js)
[code to type] control outlines with mouse variables (typography + p5js)
Переглядів 1,1 тис.4 роки тому
[code to type] control outlines with mouse variables (typography p5js)
[code to type] control stroke contrast with mouseX and mouseY (typography + p5js)
Переглядів 8964 роки тому
[code to type] control stroke contrast with mouseX and mouseY (typography p5js)
[code to type] convert Adobe Illustrator file to p5js code (typography + p5js)
Переглядів 5 тис.4 роки тому
[code to type] convert Adobe Illustrator file to p5js code (typography p5js)
[code to type] bezier curves (typography + p5js)
Переглядів 4,7 тис.4 роки тому
[code to type] bezier curves (typography p5js)
[code to type] drawing arcs (typography + p5js)
Переглядів 3,1 тис.4 роки тому
[code to type] drawing arcs (typography p5js)
[code to type] setup and draw functions in p5js
Переглядів 3114 роки тому
[code to type] setup and draw functions in p5js
[code to type] color basics in p5js
Переглядів 6284 роки тому
[code to type] color basics in p5js
[code to type] p5.js basics for graphic designers (typography + p5js)
Переглядів 1,3 тис.4 роки тому
[code to type] p5.js basics for graphic designers (typography p5js)
[code to type] How to get started with p5js
Переглядів 7224 роки тому
[code to type] How to get started with p5js
Accessing Motion and Orientation on iOS13 with p5.js
Переглядів 11 тис.4 роки тому
Accessing Motion and Orientation on iOS13 with p5.js