1.9.99 • Published 1 month ago

kokomi.js v1.9.99

Weekly downloads
-
License
MIT
Repository
-
Last release
1 month ago

Sangonomiya Kokomi, the young Divine Priestess of Watatsumi Island.

Install

npm i kokomi.js

Also, make sure to install three.js.

npm i three

Check the documentation: https://kokomi-docs.netlify.app/

Hello world

With just several lines, you can make a most basic 3D scene :d

index.html

<div id="sketch"></div>

style.css

#sketch {
  width: 100vw;
  height: 100vh;
  background: black;
  overflow: hidden;
}

script.js

import * as kokomi from "kokomi.js";

class Sketch extends kokomi.Base {
  create() {
    new kokomi.OrbitControls(this);

    const box = new kokomi.Box(this);
    box.addExisting();

    this.update((time) => {
      box.spin(time);
    });
  }
}

const createSketch = () => {
  const sketch = new Sketch();
  sketch.create();
  return sketch;
};

createSketch();

Basic

Online Sandbox: https://kokomi-sandbox.netlify.app/

Features

  • You can simply extend kokomi.Base class to kickstart a simple scene without writing any boilerplate codes.
  • Either you can write all your three.js code in a single file, or encapsulate your code into individual classes in a large project. By extending kokomi.Component, you can make your components keep their own state and animation.
  • kokomi.AssetManager can handle the preloads of assets (gltfModel, texture, cubeTexture, font, etc). You can just write a simple js object to config your assets without caring about various loaders.
  • Integrated with three.interactive, which can handle mouse and touch interactions easily.
  • Many more useful components for you to discover!

Previews

Model Showcase

2

Shadertoy Integration

3

Persistence Effect

4

Render Texture

5

Reflector

6

Infinite Gallery

7

Credits

Author

👤 alphardex

Show your support

Give a ⭐️ if this project helped you!

This README was generated with ❤️ by readme-md-generator

blueimp-md5camera-controlscannon-esgsapimagesloadedmaku.jsmarcher.jsmittnipplejssimplex-noisestats.jsthree-custom-shader-materialthree-stdlibthree.interactivetroika-three-text
@everything-registry/sub-chunk-2028@infinitebrahmanuniverse/nolb-kok
1.9.99

1 month ago

1.9.98

1 month ago

1.9.97

1 month ago

1.9.96

2 months ago

1.9.95

2 months ago

1.9.94

2 months ago

1.9.93

3 months ago

1.9.92

3 months ago

1.9.91

3 months ago

1.9.90

4 months ago

1.9.89

6 months ago

1.9.88

6 months ago

1.9.87

7 months ago

1.9.86

8 months ago

1.9.85

8 months ago

1.9.84

8 months ago

1.9.83

8 months ago

1.9.82

8 months ago

1.9.81

9 months ago

1.9.80

9 months ago

1.9.79

9 months ago

1.9.78

10 months ago

1.9.77

11 months ago

1.9.76

11 months ago

1.9.75

12 months ago

1.9.74

1 year ago

1.9.69

1 year ago

1.9.68

1 year ago

1.9.67

1 year ago

1.9.66

1 year ago

1.9.65

1 year ago

1.9.64

1 year ago

1.9.63

1 year ago

1.9.62

1 year ago

1.9.61

1 year ago

1.9.60

1 year ago

1.9.59

1 year ago

1.9.73

1 year ago

1.9.72

1 year ago

1.9.71

1 year ago

1.9.70

1 year ago

1.9.49

1 year ago

1.9.48

1 year ago

1.9.47

1 year ago

1.9.46

1 year ago

1.9.45

2 years ago

1.9.44

2 years ago

1.9.43

2 years ago

1.9.58

1 year ago

1.9.57

1 year ago

1.9.56

1 year ago

1.9.55

1 year ago

1.9.54

1 year ago

1.9.53

1 year ago

1.9.52

1 year ago

1.9.51

1 year ago

1.9.50

1 year ago

1.9.42

2 years ago

1.9.41

2 years ago

1.9.40

2 years ago

1.9.39

2 years ago

1.9.38

2 years ago

1.9.37

2 years ago

1.9.36

2 years ago

1.9.29

2 years ago

1.9.28

2 years ago

1.9.27

2 years ago

1.9.26

2 years ago

1.9.25

2 years ago

1.9.24

2 years ago

1.9.23

2 years ago

1.9.22

2 years ago

1.9.21

2 years ago

1.9.20

2 years ago

1.9.19

2 years ago

1.9.18

2 years ago

1.9.17

2 years ago

1.9.16

2 years ago

1.9.15

2 years ago

1.9.14

2 years ago

1.9.13

2 years ago

1.9.12

2 years ago

1.9.11

2 years ago

1.9.10

2 years ago

1.9.35

2 years ago

1.9.34

2 years ago

1.9.33

2 years ago

1.9.32

2 years ago

1.9.31

2 years ago

1.9.30

2 years ago

1.9.9

2 years ago

1.9.8

2 years ago

1.9.7

2 years ago

1.9.6

2 years ago

1.9.5

2 years ago

1.9.4

2 years ago

1.9.3

2 years ago

1.9.2

2 years ago

1.9.1

2 years ago

1.9.0

2 years ago

1.8.9

2 years ago

1.8.8

2 years ago

1.8.7

2 years ago

1.8.6

2 years ago

1.8.5

2 years ago

1.8.4

2 years ago

1.8.3

2 years ago

1.8.2

2 years ago

1.8.1

2 years ago

1.8.0

2 years ago

1.7.9

2 years ago

1.7.8

2 years ago

1.7.7

2 years ago

1.7.6

2 years ago

1.7.5

2 years ago

1.7.4

2 years ago

1.7.3

2 years ago

1.7.2

2 years ago

1.7.1

2 years ago

1.7.0

2 years ago

1.6.9

2 years ago

1.6.8

2 years ago

1.6.7

2 years ago

1.6.6

2 years ago

1.6.5

2 years ago

1.6.4

2 years ago

1.6.3

2 years ago

1.6.2

2 years ago

1.6.1

2 years ago

1.6.0

2 years ago

1.5.9

2 years ago

1.5.8

2 years ago

1.5.7

2 years ago

1.5.6

2 years ago

1.5.5

2 years ago

1.5.4

2 years ago

1.5.3

2 years ago

1.5.2

2 years ago

1.5.1

2 years ago

1.5.0

2 years ago

1.4.9

2 years ago

1.4.8

2 years ago

1.4.7

2 years ago

1.4.6

2 years ago

1.4.5

2 years ago

1.4.3

2 years ago

1.4.2

2 years ago

1.4.1

2 years ago

1.4.0

2 years ago

1.3.9

2 years ago

1.3.8

2 years ago

1.3.7

2 years ago

1.3.6

2 years ago

1.3.5

2 years ago

1.3.4

2 years ago

1.3.3

2 years ago

1.3.2

2 years ago

1.3.1

2 years ago

1.3.0

2 years ago

1.2.9

2 years ago

1.2.8

2 years ago

1.2.7

2 years ago

1.2.6

2 years ago

1.2.4

2 years ago

1.2.3

2 years ago

1.2.2

2 years ago

1.2.1

2 years ago

1.2.0

2 years ago

1.1.9

2 years ago

1.1.8

2 years ago

1.1.7

2 years ago

1.1.6

2 years ago

1.1.5

2 years ago

1.1.4

2 years ago

1.1.3

2 years ago

1.1.2

2 years ago

1.1.1

2 years ago

1.1.0

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago