Distortion in WebGL can be a lot of fun. Recently, I had to create a special effect called “Bulge” for a project on the Upperquad.com website. Here is a short video showcasing it. The idea was to create a distortion that originates from a point and pushes everything around it. In “Adobe After Effects,” you… Continue reading Creating a Bulge Distortion Effect with WebGL
Tag: WebGL
Sketchy Pencil Effect with Three.js Post-Processing
From our sponsor: Get suggestions for improving your content, targeting, and marketing automations to help you increase revenue. In this tutorial, you’ll learn how to create a sketchy, pencil effect using Three.js post-processing. We’ll go through the steps for creating a custom post-processing render pass, implementing edge detection in WebGL, re-rendering the normal buffer… Continue reading Sketchy Pencil Effect with Three.js Post-Processing
8 Best Free and Open-Source JavaScript Image Editors
The internet is filled with countless images uploaded by users. This is especially true for social media websites—and it is very rare for people to post original unedited images anywhere. It is also common to need to post images with a specific size or format. While there are a lot of full-fledged image editing apps… Continue reading 8 Best Free and Open-Source JavaScript Image Editors
Web Design: 37 Creative UI/UX Websites for Inspiration
29 Shares Great website design inspiration for web designer or website developer. Fresh web designs with amazing UI/UX, you might want to look into the 2020 web design trends and get inspired. In this web design showcase gallery we are gathered thirty seven creative websites design. Read through our article to find a list of… Continue reading Web Design: 37 Creative UI/UX Websites for Inspiration
Exciting New Tools for Designers, February 2020
Are you starting 2020 off on the right foot? How about keeping up with those resolutions to learn or try something new? Either way, you’re in luck. This roundup is packed with new tools to help you through projects or learn new tricks to enhance your skillset. Here’s what’s new for designers this month. Calcolor… Continue reading Exciting New Tools for Designers, February 2020
20 Best New Portfolios, August 2019
It’s August, which means the rain is finally slowing down, and I have a chance to get my roof fixed. While I wait here under a literal tarp-fort that I hung up in my office, I thought I might as well compile some of the best recent portfolios for you all to look at. We… Continue reading 20 Best New Portfolios, August 2019
20 Best New Portfolios, July 2019
And now it’s July. I’d just like to tell my American and Canadian friends to hydrate properly, and the hangover should be gone by October, just in time for the sugar crash. While you recover, we’ve got more portfolios. Lots of good, grid-based stuff this month. And lots of dark layouts. It’s like all the… Continue reading 20 Best New Portfolios, July 2019
Exploding 3D Objects with Three.js
A set of WebGL demos that show an exploding 3D object animation inspired by “Kubrick Life Website: 3D Motion”. From our monthly sponsor: HelloSign API: Everything IT wants and developers love. Try it free today. Today we’d like to share an exploding object experiment with you. The effect is inspired by Kubrick Life Website: 3D… Continue reading Exploding 3D Objects with Three.js
31 New Trend Website Design Examples
Creating a website for your company, firm or organization you must follow the new trends. Creative ideas and modern trends can make your web design more attractive and eye catching. In past few years web design trends improvements very amazingly and growing up too fast like flat design and retro/vintage effect, big background, video with sound are… Continue reading 31 New Trend Website Design Examples
4 modern background tricks to try out
It seems that, as a constituent of a design, backgrounds live in the shadows; however, that’s not entirely true. In times when CSS only began to make its first steps towards the world conquest, the background had already taken on the role of the main decorative element of the website. Nowadays the situation has not… Continue reading 4 modern background tricks to try out
How to Make “The Aviator” 3D Game with Three.js
Posted · Category: License Free Codrops has shared The Making of “The Aviator”: Animating a Basic 3D Scene with Three.js, they created a simple 3D flying plane using Three.js, a 3D library that makes WebGL simpler. WebGL is a pretty unknown world for many developers because of the complexity and syntax of GLSL. But With… Continue reading How to Make “The Aviator” 3D Game with Three.js
First look at Adobe’s Animate CC
Adobe have just launched their ‘new’ application, Animate CC. A major component in the Creative Cloud application suite, Animate CC replaces Flash Professional CC, and is available to download now. As we previously reported, Animate CC is an evolution of Flash Professional. The name change is based on the changing role of the application. Adobe… Continue reading First look at Adobe’s Animate CC
Real-time Visitor Globe with Node.js and WebGL
In this post we would like to share with you a cool project we created by using Node.js and WebGL. It’s a mapped globe of the Earth that you can use to keep track of the people who use your web apps in real-time. After a quick setup, you’ll be able to see the location… Continue reading Real-time Visitor Globe with Node.js and WebGL
20 Impressive Examples for Learning WebGL with Three.js
In this informative article, there are an accumulation of demonstrations, tutorials and resources which will inspire and motivate you to master more about the collection. Experiments and Demos The impressive demos which you see here are created using the Three.js collection and WebGL as a renderer. You can utilize WebGL straight, but selecting Three.js makes development… Continue reading 20 Impressive Examples for Learning WebGL with Three.js