WebGL and GLSL projects 2022 🌬

Overview

Getting Started

Node version used : 16.13.1

First install dependencies with:

npm install
# or
yarn install

Then, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

Styling

  1. For styling use styled-components.

  2. In order to set the custom global css styles, use /utils/GlobalStyles.ts file.

  3. There is also /styles folder in the root location. It is only used to initially set default and reset styles for the application and should not be updated in general.

You might also like...

An IoT bottle that tracks water consumption. Winner of Best Health Hack, MLH's Best Hardware Hack, and QB3's Best Big Data for the Improvement of Health Care Winner at CruzHacks 2022.

An IoT bottle that tracks water consumption. Winner of Best Health Hack, MLH's Best Hardware Hack, and QB3's Best Big Data for the Improvement of Health Care Winner at CruzHacks 2022.

An IoT bottle that tracks water consumption. Winner of Best Health Hack, MLH's Best Hardware Hack, and QB3's Best Big Data for the Improvement of Health Care Winner at CruzHacks 2022.

Jan 21, 2022

Analysing and storing r/Place 2022 event

Caching r/Place 2022 This project is live at place.thatguyalex.com. Running scraper locally Install Python and all dependencies from scraper.py import

Dec 16, 2022

A node, express and typescript starter template for 2022

Node Express & Typescript Starter for 2022 "A minimally opinionated typescript & express starter for 2022" Usage: You should copy .env.sample to .env

Dec 15, 2022

The official challenges and deployment source code files used in San Diego CTF 2022.

SDCTF 2022 Here is the challenge and infrastructure files of San Diego CTF 2022. Challenge files include source code that implement the challenge idea

Dec 8, 2022

Services, Checkers and Exploits from saarCTF 2022

saarCTF 2022 Services from saarCTF 2022. Building services Enter a service directory and use docker-compose, e.g.: cd bytewarden docker-compose up --b

Dec 7, 2022

Resources for the App.js Conf Workshop 2022 hosted by Evan Bacon and Lydia Hallie

App.js Conf 2021 React Native workshop Order of sections: up-and-going: Learn about React Native and options to start your first project. get-started:

Sep 14, 2022

WaffleHacks 2022 - Winner of 'Dream Big and Create More Cheers with AB InBev' & Honorable Mention for the Food Insecurity Track

Getting Started with Create React App Welcome to Leftover Marketplace. This is our project for WaffleHacks 2022. Links Presentation and Demo Video Web

Dec 27, 2022

JSNation 2022 - Building a Solar System using Hand Recognition and Three.js

JSNation 2022 - Building a Solar System using Hand Recognition and Three.js

Building a Solar System using Hand Recognition and Three.js 🚀 Accompanying code for JSNation 2022 talk. Demo video here: https://www.youtube.com/watc

Dec 14, 2022

Hackathon for Social Good 2022 and use your superpowers to create a solution for the social good.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Jun 27, 2022
Comments
  • slider or banner rotator

    slider or banner rotator

    your wave transition effect (https://portfolio2022.michalzalobny.com/projects/image-transitions) is very nice! Great work! A slider with this effect and auto play function would be fantastic

    opened by Wahrheit26 0
Owner
Michal Zalobny
Creative Developer🔮 @ Le Polish Bureau (a UNIT9 Company) Computer Science student🎓 @ Newcastle University
Michal Zalobny
Base-mock-api - Repo to storage my fake api's to use in my 2022 projects.

Base Mock API's Project made 100% with JavaScript, with the objective of creating endpoints to use in projects. Prerequisites Before you begin, ensure

Arthur Cabral 0 Nov 20, 2022
🏆 ETHAmsterdam 2022 Finalist 👐 Support your favorite projects with yield

Yieldgate Yield Gate is a new monetisation tool for anyone to start receiving donations, or to support their favourite public goods projects, creators

null 16 Dec 15, 2022
Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

Phaser - HTML5 Game Framework Phaser is a fast, free, and fun open source HTML5 game framework that offers WebGL and Canvas rendering across desktop a

Richard Davey 33.4k Jan 7, 2023
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.

What is it ? Shaders are the new front-end web developpment big thing, with the ability to create very powerful 3D interactions and animations. A lot

Martin Laxenaire 1.4k Jan 1, 2023
[WIP] WebGL API implementation for Deno, built on GLFW using FFI.

Note I'm no longer working on this project because I have just realized macOS does not support OpenGL ES API, and adding Desktop GL backend to this mo

DjDeveloper 14 Jun 11, 2022
Space Invaders in your browser with 3D WebGL. Built with BabylonJS.

Space Invaders A fun re-imagining of the 1978 classic by Tomohiro Nishikado and Taito. Play it here: https://spaceinvaders.viperfish.com.au Play in th

John Pitchers 12 Dec 26, 2022
This project is an attempt at recreating the WebGL animation featured in the 2021 Linear release page.

Linear Vaporwave Three.js scene This project is an attempt at recreating the WebGL animation featured in the 2021 Linear release page. Demo Head over

Maxime Heckel 31 Dec 28, 2022
All-in-one package for maptalks webgl layers

@maptalks/gl-layers maptalks webgl 图层的汇总包,包含了@maptalks命名空间下webgl基础设施和所有webgl图层插件。 使用时无需再单独安装和引入其他webgl插件,而可以统一从此包中安装引用。 包含的插件 @maptalks/gl @maptalks/v

Fu Zhen 20 Dec 23, 2022
How to use socket.io in Unity WebGL

Setup Socket Client for Unity WebGL This is simply a guide with some code samples to get you started and is NOT a Unity package/plugin that you can im

Jatin Mehta 4 Mar 14, 2023
A complete template for 2022 focused on around React, Postgres and various web3 integrations.

A complete template for 2022 focused on around React, Postgres and various web3 integrations. You can use the template to make a website, a web application, a hybrid decentralized web application, or even a DAO.

jim 45 Dec 22, 2022