@nativescript/canvas-three NPM | npm.io

1.1.0 • Published 8 months ago

Install

Weekly downloads

4

License

Apache-2.0

Repository

Last release

8 months ago

@nativescript/canvas-three

Installation

npm i three @nativescript/canvas-three

Usage

import TNSTHREE from '@nativescript/canvas-three';

Creating a Renderer

`TNSTHREE.Renderer({ gl: WebGLRenderingContext, width: number, height: number, pixelRatio: number, ...extras })`

Given a gl (context) from an Canvas, return a THREE.WebGLRenderer that draws into it.

import * as THREE from 'three';

var camera, scene, renderer;
var geometry, material, mesh;

canvas; // Canvas instance
init();
animate();

function init() {
  const context = canvas.getContext('webgl');

  const { drawingBufferWidth: width, drawingBufferHeight: height } = context;
  camera = new THREE.PerspectiveCamera(70, width / height, 0.01, 10);
  camera.position.z = 1;

  scene = new THREE.Scene();

  geometry = new THREE.BoxGeometry(0.2, 0.2, 0.2);
  material = new THREE.MeshNormalMaterial();

  mesh = new THREE.Mesh(geometry, material);
  scene.add(mesh);

  renderer = new THREE.WebGLRenderer({ context });
  renderer.setSize(width, height);
}

function animate() {
  requestAnimationFrame(animate);

  mesh.rotation.x += 0.01;
  mesh.rotation.y += 0.02;

  renderer.render(scene, camera);
}

License

Apache License Version 2.0, January 2004

NativeScript JavaScript TypeScript iOS Android

@nativescript/canvas-polyfill three

@infinitebrahmanuniverse/nolb-_nati @everything-registry/sub-chunk-635 nativescript-troisjs

2.0.0-webgpu.39

8 months ago

2.0.0-webgpu.38

8 months ago

2.0.0-webgpu.37

8 months ago

2.0.0-webgpu.36

8 months ago

2.0.0-webgpu.35

8 months ago

2.0.0-webgpu.34

8 months ago

2.0.0-webgpu.33

8 months ago

2.0.0-webgpu.31

10 months ago

2.0.0-webgpu.30

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

2.0.0-webgpu.11

10 months ago

2.0.0-webgpu.10

10 months ago

10 months ago

10 months ago

10 months ago

2.0.0-webgpu.22

10 months ago

2.0.0-webgpu.21

10 months ago

2.0.0-webgpu.20

10 months ago

2.0.0-webgpu.19

10 months ago

2.0.0-webgpu.18

10 months ago

2.0.0-webgpu.17

10 months ago

2.0.0-webgpu.16

10 months ago

2.0.0-webgpu.15

10 months ago

2.0.0-webgpu.14

10 months ago

2.0.0-webgpu.13

10 months ago

2.0.0-webgpu.12

10 months ago

2.0.0-webgpu.29

10 months ago

2.0.0-webgpu.28

10 months ago

2.0.0-webgpu.27

10 months ago

2.0.0-webgpu.26

10 months ago

2.0.0-webgpu.25

10 months ago

2.0.0-webgpu.24

10 months ago

2.0.0-webgpu.23

10 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

1.0.0-alpha11-v6

5 years ago

5 years ago

1.0.0-alpha9-v6

5 years ago

1.0.0-alpha10-v6

5 years ago

1.0.0-alpha8-v6

5 years ago

5 years ago

1.0.0-alpha7-v6

5 years ago

5 years ago

1.0.0-alpha6-v6

5 years ago

1.0.0-alpha5-v6

5 years ago

5 years ago

1.0.0-alpha4-v6

5 years ago

1.0.0-alpha3-v6

5 years ago

5 years ago