Skip to content

Instantly share code, notes, and snippets.

View iammcoding's full-sized avatar
💭
just coding />

Iammcoding iammcoding

💭
just coding />
16 followers · 5 following
View GitHub Profile
@iammcoding
iammcoding / pyscript.html
Created September 3, 2024 02:25
matplotlib and numpy using pyscript
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
@iammcoding
iammcoding / cube_animation.html
Created September 4, 2024 01:05
Three.js cube travel animation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
margin: 0;
padding: 0;
@iammcoding
iammcoding / fireball.html
Created September 4, 2024 01:45
Perlin noise | Fireball explosion
<!DOCTYPE html>
<head></head>
<title>Perlin noise | Fireball explosion</title>
<meta charset="utf-8">
<div class="container-fluid fixed-top header disable-selection">
<div class="row">
<div class="col">
<!--p.small(href='#',role='button')strong 708.588 POINTS
@iammcoding
iammcoding / plannet.html
Created September 4, 2024 23:10
Three.js Shattered Stars Effect
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Three.js Shattered Stars Effect</title>
<style>
body { margin: 0; }
canvas { display: block; }
</style>
@iammcoding
iammcoding / index.html
Created September 5, 2024 16:29
ScrollTriggering Through a Tube GSAP
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
@iammcoding
iammcoding / orbit.html
Created September 6, 2024 22:17
Three.js OrbitControls Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Three.js OrbitControls Example</title>
<style>
body {
margin: 0;
overflow: hidden;
@iammcoding
iammcoding / Starfield.html
Created September 7, 2024 23:49
Starfield using threejs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Starfield</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap">
<style>
body, html {
margin: 0;
@iammcoding
iammcoding / code.html
Created September 9, 2024 01:52
Dynamic Three.js Scene with Textures and Interaction
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dynamic Three.js Scene with Textures and Interaction</title>
<style>
body {
overflow: hidden;
margin: 0;
@iammcoding
iammcoding / code.html
Created September 10, 2024 02:04
three js toy
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body,
@iammcoding
iammcoding / code.html
Created September 11, 2024 00:12
Animated input threejs
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body {
margin: 0;