Neon Effect Heart || HTML + CSS + JavaScript 

Hi! Thanks for commenting. You can use JavaScript or jQuery to manipulate the text you want to show. 1. First, you write the text, then design and position the text with HTML and CSS 2. After that, create a script with a looping function to loop through the animation.

@@techtalker360 How to do this looping function I'am inexperienced and can't add this text

@@jogi1160 Watch this video to understand how to implement text inside the neon heart. ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-w-So1ZZZZPk.html

@@jogi1160 Just replace the HTML and CSS file with these codes to add the text. According to your need, change the position and text size. JavaScript will be the same. HTML========================== Heart Pulse-Techtalker360 Your Text Here CSS============================================= * { margin: 0; padding: 0; overflow: hidden; box-sizing: border-box; } body { position: relative; } h1 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

Hi! There is no direct HTML or CSS here. I’ve used the WebGL program to render the graphics on the canvas. If you want to customize a lot, I will suggest you go through WebGL.

You can use GitHub to share or zip the folder and send it to the person you want. You must zip the folder where HTML, CSS, and JS files are present.

Hi! I've cross-checked the codes. It is working fine. Could you please share what is the issue you are facing?

@@techtalker360Yes I can but where i sending you?

@@Vip-md6dyYou can share in Facebook Chat. m.me/techtalker360

Hi! If you have copied everything perfectly then there should not be any error. I've rechecked from my side, everything is working.

Glad to hear that it worked out for you.

Hola , me qudo en la linea 18 de JavaSt donde va var vertexsouce = ´ . no me deja poner esto = ´ me podrias ayudar? @teachtalker360

@@ramirocarranza2165 Hi! If you have copied everything perfectly then there should not be any error. I've rechecked from my side, everything is working. And the point you're rasing LINE 18, will not be same for me. Base on system, and code editor it will change. Could you please share more context so that I can understand from where you're getting issue.

Yes, you can run it from android phone as well. Make sure the files are in correct structure. If doesn't work for any reason and you want to share with someone, you can use online version. Try to use online free code editor (like codepen or any others) and share the link.

What is the main error you are facing?

Hi! Pardon me, but I am unable to understand your queries. What do you mean by 18, 23, and 25? Are 18, 23, and 25 code lines? If so, the lines could vary based on the code editor. Could you please share more information regarding your queries?

Everything in the video, observe to get the codes.

Hi! to change the colors of the heart, you'll need to modify the fragmentSource code. The colors of the heart are determined by the col variable in the shader code.

For this project, I used the WebGL program. You can achieve the same thing using PyOpenGL [for Python] and OpenGL (Native) [for C++]. However, the JavaScript code used for WebGL cannot be directly used in Python or C++. The syntax and APIs are different for each language. When transitioning from one language to another, you'll need to adapt the code to the specific syntax and conventions of the new language.