Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

Open CodeGPT in VSCode, then select the Qwen 2.5 model by Qwen Press Command + Shift + K Add this prompt: "Create a single HTML file with embedded CSS and JavaScript that simulates the falling letters and numbers effect from The Matrix, covering the entire screen with green characters... show more

Daniel San

12,129 subscribers

12,247 views • 1 year ago •via X (Twitter)

Science & Technology

Anya Rossi• Live Now

Private livecam show

9 Comments

Daniel San1 year ago

Link:

PDF GPT1 year ago

Everyone is getting ahead with AI. You should be too. Summarize documents, craft emails, and generate custom content instantly with this powerful tool. It's like having ChatGPT tailored for your job. Try it for free.

Cohorte1 year ago

@Alibaba_Qwen Haha nice one

TheGoldenAnchor1 year ago

@Alibaba_Qwen Cool! but how did you get that to load into a npm env ( looks like )automatically? This was my result" Also I see Grok 3 ( 2 models are avail ) but in reality they do not exist yet? Is there some setup I am missing to replicate?

TheGoldenAnchor1 year ago

@Alibaba_Qwen So does this only work if Qwen is local?

Atul Kumar1 year ago

@Alibaba_Qwen That sounds like an exciting project! Looking forward to seeing how the falling letters and numbers effect turns out in your HTML file.

Sean Tes1 year ago

@Alibaba_Qwen @grok what is codegpt?

Name1 year ago

@Alibaba_Qwen That's great 👍 tried it with deepseek, similar results

La Chí Nhân1 year ago

@Alibaba_Qwen I ran this Prompt on @Alibaba_Qwen AI, with Artifact enabled. It worked fine too.

Related Videos

用 GPT-5 Thinking 做了天气卡片的经典测试，只能说拉中之拉，这都啥啊 Prompt：Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.

用 GPT-5 Thinking 做了天气卡片的经典测试，只能说拉中之拉，这都啥啊 Prompt：Create a single HTML file containing CSS and JavaScript to generate an animated weather card. The card should visually represent the following weather conditions with distinct animations: Wind: (e.g., moving clouds, swaying trees, or wind lines) Rain: (e.g., falling raindrops, puddles forming) Sun: (e.g., shining rays, bright background) Snow: (e.g., falling snowflakes, snow accumulating) Show all the weather card side by side The card should have a dark background. Provide all the HTML, CSS, and JavaScript code within this single file. The JavaScript should include a way to switch between the different weather conditions (e.g., a function or a set of buttons) to demonstrate the animations for each.

-Zho-

20,344 views • 10 months ago

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.

Available now in Visual Studio Code Insiders, you can select and add elements directly to Chat! After opening any locally-hosted site via the built-in Simple Browser, click "Start" on the toolbar and select the element you want. This will attach a screenshot of the selected element, as well as the HTML and CSS of that element.

Visual Studio Code

75,499 views • 1 year ago

Prompt: Create an interactive New Year's Eve fireworks display using HTML/CSS/JS in a single HTML file. When the user clicks, a rocket should launch and explode into colorful particles with gravity and drag physics. Include a 'Grand Finale' button that automatically launches a barrage of fireworks that form the glowing text 'HELLO 2026' in the sky.

Prompt: Create an interactive New Year's Eve fireworks display using HTML/CSS/JS in a single HTML file. When the user clicks, a rocket should launch and explode into colorful particles with gravity and drag physics. Include a 'Grand Finale' button that automatically launches a barrage of fireworks that form the glowing text 'HELLO 2026' in the sky.

Diego | AI 🚀 - e/acc

34,210 views • 5 months ago

Introducing Ollama fully Integrated into VSCode with CodeGPT Now you can download open-source models from ollama with a single click and install them as code assistants in VSCode. In this case, I download the qwen2:0.5b (Qwen) model in under a minute, and it becomes fully functional with just one click. The era of locally running code assistants has begun! 🚀

Introducing Ollama fully Integrated into VSCode with CodeGPT Now you can download open-source models from ollama with a single click and install them as code assistants in VSCode. In this case, I download the qwen2:0.5b (Qwen) model in under a minute, and it becomes fully functional with just one click. The era of locally running code assistants has begun! 🚀

Daniel San

101,567 views • 2 years ago

Eigent × Qwen 3.5 Plus We upload a Spring Festival Gala robot performance video and ask our open source Cowork, powered by Qwen 3.5 Plus, to turn it into a complete single-file 3D interactive Three.js game. Recreates the characters, movements, and festive stage. Full Eigent breakdown in the video.👇 Now live with BYOK, bring your own Qwen 3.5 Plus key and run it directly in Eigent.

Eigent × Qwen 3.5 Plus We upload a Spring Festival Gala robot performance video and ask our open source Cowork, powered by Qwen 3.5 Plus, to turn it into a complete single-file 3D interactive Three.js game. Recreates the characters, movements, and festive stage. Full Eigent breakdown in the video.👇 Now live with BYOK, bring your own Qwen 3.5 Plus key and run it directly in Eigent.

Eigent AI

29,748 views • 3 months ago

QwQ-32B model from Qwen in VSCode... Got 20GB of free space? 😅 This is the latest reasoning model developed by Qwen In this video, I walk you through how to download and install it in VSCode using ollama, completely free and private 👇

QwQ-32B model from Qwen in VSCode... Got 20GB of free space? 😅 This is the latest reasoning model developed by Qwen In this video, I walk you through how to download and install it in VSCode using ollama, completely free and private 👇

Daniel San

29,169 views • 1 year ago

Deepseek running locally and privately for autocompletion in VSCode! 🙌 In less than a minute, I'll show you how to download Deepseek-coder and set it as the autocompletion model in VSCode. You’ll need to use ollama to download the model and CodeGPT to select it as the autocompletion model. Enjoy the best models running locally with :)

Deepseek running locally and privately for autocompletion in VSCode! 🙌 In less than a minute, I'll show you how to download Deepseek-coder and set it as the autocompletion model in VSCode. You’ll need to use ollama to download the model and CodeGPT to select it as the autocompletion model. Enjoy the best models running locally with :)

Daniel San

990,728 views • 1 year ago

I designed and built this simple landing page from scratch using HTML, CSS, and JavaScript. Unto the next chapter REACT 💪

I designed and built this simple landing page from scratch using HTML, CSS, and JavaScript. Unto the next chapter REACT 💪

Benita Mbulu

14,430 views • 5 months ago

Did you know that in Blender you can easily bend objects in edit mode by pressing Shift+W? ✨ 1. Select the geometry to bend from 2. Press Shift+S,2 to place the 3d cursor there 3. Select the geometry to bend 4. Press Shift+W to bend! Important: when you're pressing Shift+W, hover your mouse over the geo you're trying to bend, like shown in the video! Bonus: by placing the 3d cursor slightly off center and holding ALT (to disable clamping) while bending, you can easily create spirals! #b3d

Did you know that in Blender you can easily bend objects in edit mode by pressing Shift+W? ✨ 1. Select the geometry to bend from 2. Press Shift+S,2 to place the 3d cursor there 3. Select the geometry to bend 4. Press Shift+W to bend! Important: when you're pressing Shift+W, hover your mouse over the geo you're trying to bend, like shown in the video! Bonus: by placing the 3d cursor slightly off center and holding ALT (to disable clamping) while bending, you can easily create spirals! #b3d

passivestar

1,049,486 views • 3 years ago

Been using Grok and Cursor to build a SimCity clone. Runs in the browser via HTML + Javascript + Three.js

Been using Grok and Cursor to build a SimCity clone. Runs in the browser via HTML + Javascript + Three.js

James Almeida 🌐

76,092 views • 1 year ago

MH370 'Satellite' video with a motion extraction effect 100% proves the video is CG with a static background (again) “Using two copies of the same video, I've inverted the colour of one and reduced the opacity to 50%. Then I've shifted the time by 5 frames so that the videos are slightly out of sync. When the inverted video is overlaying on the original copy, any movement is accentuated by a 'shadow'. Anything that doesn't move remains neutral. You'll notice in the video that the only movement you see is in the plane, mouse cursor and when the screen shifts position.” **The clouds do not move hence the solid background.** Fuck off MH370X retards and culties Source:

MH370 'Satellite' video with a motion extraction effect 100% proves the video is CG with a static background (again) “Using two copies of the same video, I've inverted the colour of one and reduced the opacity to 50%. Then I've shifted the time by 5 frames so that the videos are slightly out of sync. When the inverted video is overlaying on the original copy, any movement is accentuated by a 'shadow'. Anything that doesn't move remains neutral. You'll notice in the video that the only movement you see is in the plane, mouse cursor and when the screen shifts position.” The clouds do not move hence the solid background. Fuck off MH370X retards and culties Source:

Alex Boge

38,751 views • 1 year ago

🚨 What is THE MATRIX? 💊 Are you offended by white Europeans and Americans taking back control over OUR countries? The people who run the Matrix LOVE that! Choose Freedom, Or sacrifice your children to the MATRIX.💀 We Deutschland Kurier invite you to take the Red Pill…

🚨 What is THE MATRIX? 💊 Are you offended by white Europeans and Americans taking back control over OUR countries? The people who run the Matrix LOVE that! Choose Freedom, Or sacrifice your children to the MATRIX.💀 We Deutschland Kurier invite you to take the Red Pill…

Naomi Seibt

44,120 views • 8 months ago

The latest Qwen 3 VL by Qwen running on iPhone 17 Pro with MLX Qwen 3 VL brings upgraded visual understanding, recognition, and OCR capabilities without sacrificing text performance like previous models The 4B model here is close to Qwen 2.5 VL 72B in many benchmarks

The latest Qwen 3 VL by Qwen running on iPhone 17 Pro with MLX Qwen 3 VL brings upgraded visual understanding, recognition, and OCR capabilities without sacrificing text performance like previous models The 4B model here is close to Qwen 2.5 VL 72B in many benchmarks

Adrien Grondin

109,700 views • 7 months ago

1. Build complete websites / apps Here's the prompt I used: "Name Your Applet: Describe What Your App Does: You are an expert full-stack web developer specializing in JavaScript and CSS/HTML applet development and design. Your task is to develop expert-level code for this project. Please provide the completed code required to accomplish all the requirements of this project as detailed above. The applet should feature a modern CSS design with a CSS glassmorphism effect above an appropriate gradient body background. Use flex-direction: column unless your app needs a different layout. Include an h1 title tag above the app container. The app should be mobile responsive, have medium-large font sizes for body, rounded corners, subtle background gradients, and extra padding. The app should be centered on the page. Add a centered copyright ''©2025 {Applet Name}'' below the app container. Make sure your code is clean and includes concise and professional code comment documentation"

1. Build complete websites / apps Here's the prompt I used: "Name Your Applet: Describe What Your App Does: You are an expert full-stack web developer specializing in JavaScript and CSS/HTML applet development and design. Your task is to develop expert-level code for this project. Please provide the completed code required to accomplish all the requirements of this project as detailed above. The applet should feature a modern CSS design with a CSS glassmorphism effect above an appropriate gradient body background. Use flex-direction: column unless your app needs a different layout. Include an h1 title tag above the app container. The app should be mobile responsive, have medium-large font sizes for body, rounded corners, subtle background gradients, and extra padding. The app should be centered on the page. Add a centered copyright ''©2025 {Applet Name}'' below the app container. Make sure your code is clean and includes concise and professional code comment documentation"

God of Prompt

82,466 views • 11 months ago

This thing timelapse 🐏🐻 You take the characters, edit the colors, add the background and now you have a HoneyLamb scene

This thing timelapse 🐏🐻 You take the characters, edit the colors, add the background and now you have a HoneyLamb scene

Koyah D'Riz 🐏🐻

33,356 views • 2 months ago