• Stars
    star
    170
  • Rank 216,216 (Top 5 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 3 years ago
  • Updated about 1 year ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Fast & customizable 3D model viewer for everyone

View3D

npm (scoped) License Typescript GitHub Repo stars

Fast & Customizable glTF 3D model viewer, packed with full of features!

๐Ÿ‘‰ Demo / API Document / Tutorial

๐Ÿ”น Features

  • glTF Viewer based on the three.js
    • View, rotate, translate and zoom your glTF 3D models in the web.
    • Works on both ๐Ÿ–ฅ๏ธ Desktop & ๐Ÿ“ฑ Mobile
    • Customize your viewer with options like autoplay, skybox, and shadow
  • Augmented Reality
    • View3D supports Augmented Reality based on WebXR, Scene Viewer, and AR Quick Look
    • You can see, rotate, move, and scale the 3D model on the floor & wall in our AR sessions.
  • Supports compressed glTF 2.0 models
    • View3D can display compressed glTF models with the following extensions.
      • KHR_draco_mesh_compression
      • EXT_meshopt_compression
      • KHR_texture_basisu
  • Typescript-based

๐Ÿ”น Installation

npm i @egjs/view3d
# OR
yarn add @egjs/view3d

๐Ÿ”น Quick Start

@egjs/view3d requires one wrapper & one canvas element to be initialized.

<div id="view3d" class="view3d-wrapper">
  <canvas class="my-canvas"></canvas>
</div>

Then you can use it like

import View3D from "@egjs/view3d";
import "@egjs/view3d/css/view3d-bundle.min.css";

const canvasEl = document.querySelector("#view3d");
const view3d = new View3D(canvasEl, {
  src: "URL_TO_YOUR_3D_MODEL",
  envmap: "URL_TO_YOUR_HDR_IMAGE",
});

// or just

const view3d = new View3D("#view3d");

See detailed explanation on our Tutorial

๐Ÿ”น Browser Support

View3D is available for the last two major versions of all evergreen desktop and mobile browsers.

๐Ÿ”น Articles

๐Ÿ”น License

Copyright (c) 2020-present NAVER Corp.

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.

More Repositories

1

billboard.js

๐Ÿ“Š Re-usable, easy interface JavaScript chart library based on D3.js
TypeScript
5,723
star
2

fe-news

FE ๊ธฐ์ˆ  ์†Œ์‹ ํ๋ ˆ์ด์…˜ ๋‰ด์Šค๋ ˆํ„ฐ
5,274
star
3

dust3r

DUSt3R: Geometric 3D Vision Made Easy
Python
3,409
star
4

egjs-flicking

๐ŸŽ  โ™ป๏ธ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.
TypeScript
2,551
star
5

egjs-infinitegrid

A module used to arrange card elements including content infinitely on a grid layout.
TypeScript
1,869
star
6

ngrinder

enterprise level performance testing solution
Java
1,788
star
7

d2codingfont

D2 Coding ๊ธ€๊ผด
1,774
star
8

egjs

Javascript components group that brings easiest and fastest way to build a web application in your way.
JavaScript
922
star
9

biobert-pretrained

BioBERT: a pre-trained biomedical language representation model for biomedical text mining
627
star
10

sqlova

Python
625
star
11

splade

SPLADE: sparse neural search (SIGIR21, SIGIR22)
Python
618
star
12

deep-image-retrieval

End-to-end learning of deep visual representations for image retrieval
Python
615
star
13

r2d2

Python
442
star
14

fixture-monkey

Let Fixture Monkey generate test instances including edge cases automatically
Java
440
star
15

egjs-view360

360 integrated viewing solution
TypeScript
438
star
16

kapture

kapture is a file format as well as a set of tools for manipulating datasets, and in particular Visual Localization and Structure from Motion data.
Python
429
star
17

scavenger

A runtime dead code analysis tool
Java
383
star
18

yobi

Project hosting software - Deprecated
Java
379
star
19

roma

RoMa: A lightweight library to deal with 3D rotations in PyTorch.
Python
364
star
20

lispe

An implementation of a full fledged Lisp interpreter with Data Structure, Pattern Programming and High level Functions with Lazy Evaluation ร  la Haskell.
C
357
star
21

lucy-xss-filter

HTML
319
star
22

arcus

ARCUS is the NAVER memcached with lists, sets, maps and b+trees. http://naver.github.io/arcus
Shell
300
star
23

spring-jdbc-plus

Spring JDBC Plus
Java
257
star
24

egjs-grid

A component that can arrange items according to the type of grids
TypeScript
253
star
25

kapture-localization

Provide mapping and localization pipelines based on kapture format
Python
251
star
26

android-imagecropview

android image crop library
Java
250
star
27

smarteditor2

Javascript WYSIWYG HTML editor
JavaScript
241
star
28

lucy-xss-servlet-filter

Java
237
star
29

claf

CLaF: Open-Source Clova Language Framework
Python
215
star
30

eslint-config-naver

Naver JavaScript Coding Conventions rules for eslint
JavaScript
205
star
31

kor2vec

OOV์—†์ด ๋น ๋ฅด๊ณ  ์ •ํ™•ํ•œ ํ•œ๊ตญ์–ด Embedding ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ
Python
197
star
32

tamgu

Tamgu (ํƒ๊ตฌ), a FIL programming language: Functional, Imperative, Logical all in one for annotation and data augmentation
C++
186
star
33

nlp-challenge

NLP Shared tasks (NER, SRL) using NSML
Python
176
star
34

nbase-arc

nbase-arc is an open source distributed memory store based on Redis
C
171
star
35

nanumfont

170
star
36

hackday-conventions-java

์บ ํผ์Šค ํ•ต๋ฐ์ด Java ์ฝ”๋”ฉ ์ปจ๋ฒค์…˜
169
star
37

egjs-axes

A module used to change the information of user action entered by various input devices such as touch screen or mouse into the logical virtual coordinates.
TypeScript
150
star
38

cgd

Combination of Multiple Global Descriptors for Image Retrieval
Python
144
star
39

croco

Python
137
star
40

volley-extensions

Volley Extensions v2.0.0. ( Volleyer, Volley requests, Volley caches, Volley custom views )
Java
134
star
41

naver-openapi-guide

CSS
129
star
42

tldr

TLDR is an unsupervised dimensionality reduction method that combines neighborhood embedding learning with the simplicity and effectiveness of recent self-supervised learning losses
Python
120
star
43

fire

Python
119
star
44

grabcutios

Image segmentation using GrabCut algorithm for iOS
C++
118
star
45

sling

C++
117
star
46

gdc

Code accompanying our papers on the "Generative Distributional Control" framework
Python
116
star
47

naveridlogin-sdk-android

๋„ค์ด๋ฒ„ ์•„์ด๋””๋กœ ๋กœ๊ทธ์ธ SDK (์•ˆ๋“œ๋กœ์ด๋“œ)
Kotlin
112
star
48

PoseGPT

Python
106
star
49

egjs-conveyer

Conveyer adds Drag gestures to your Native Scroll.
TypeScript
103
star
50

egjs-agent

Extracts browser and operating system information from the user agent string or user agent object(userAgentData).
TypeScript
100
star
51

spring-batch-plus

Add useful features to spring batch
Kotlin
100
star
52

cfcs

Write once, create framework components that supports React, Vue, Svelte, and more.
TypeScript
98
star
53

searchad-apidoc

Java
96
star
54

dope

Python
91
star
55

multi-hmr

Pytorch demo code and models for Multi-HMR
Python
87
star
56

imagestabilizer

C++
77
star
57

posescript

Python
76
star
58

guitar

AutoIt
76
star
59

arcus-memcached

ARCUS memory cache server
C
69
star
60

disco

A Toolkit for Distributional Control of Generative Models
Python
68
star
61

svc

Easy and intuitive pattern for Android
Kotlin
63
star
62

cover-checker

Check your pull request code coverage
Java
63
star
63

storybook-addon-preview

Storybook Addon Preview can show user selected knobs in various framework code in Storybook
TypeScript
63
star
64

egjs-list-differ

โž•โž–๐Ÿ”„ A module that checks the diff when values are added, removed, or changed in an array.
TypeScript
61
star
65

egjs-imready

I'm Ready to check if the images or videos are loaded!
TypeScript
59
star
66

egjs-flicking-plugins

Plugins for @egjs/flicking
TypeScript
59
star
67

naveridlogin-sdk-ios

Objective-C
58
star
68

clova-face-kit

On-device lightweight face recognition. Available on Android, iOS, WASM, Python.
57
star
69

prism-live-studio

C++
56
star
70

rye

RYE, Native Sharding RDBMS
C
54
star
71

hubblemon

Python
54
star
72

zeplin-flutter-gen

๐Ÿš€The Flutter dart code generator from zeplin. ex) Container, Text, Color, TextStyle, ... - Save your time.
JavaScript
54
star
73

egjs-visible

A class that checks if an element is visible in the base element or viewport.
HTML
52
star
74

aqm-plus

PyTorch code for Large-Scale Answerer in Questioner's Mind for Visual Dialog Question Generation (AQM+) (ICLR 2019)
Python
50
star
75

arcus-java-client

ARCUS Java client
Java
49
star
76

isometrizer

Isometrizer turns your DOM elements into isometric projection
TypeScript
47
star
77

garnet

Python
45
star
78

jindojs-jindo

Jindo JavaScript Framework
JavaScript
44
star
79

artemis

Official code release for ARTEMIS: Attention-based Retrieval with Text-Explicit Matching and Implicit Similarity (published at ICLR 2022)
Python
42
star
80

covid19-nmt

Multi-lingual & multi-domain (specialisation for biomedical data) translation model
Python
40
star
81

react-sample-code

์ด ํ”„๋กœ์ ํŠธ๋Š” hello world์— ๊ณต๊ฐœํ•œ React ๊ฐœ๋ฐœ ๊ฐ€์ด๋“œ์— ํ•„์š”ํ•œ ์ƒ˜ํ”Œ ์ฝ”๋“œ์ž…๋‹ˆ๋‹ค.
JavaScript
39
star
82

passport-naver

A passport strategy for Naver OAuth 2.0
JavaScript
38
star
83

hadoop

Public hadoop release repository
Java
38
star
84

kaist-oss-course

Introduction to Open Source Software class @ KAIST 2016
38
star
85

pump

Python
38
star
86

egjs-component

A class used to manage events in a component like DOM
TypeScript
38
star
87

graphql-dataloader-mongoose

graphql-dataloader-mongoose is a DataLoader generator based on an existing Mongoose model
TypeScript
38
star
88

egjs-persist

Provide cache interface to handle persisted data among history navigation.
JavaScript
38
star
89

posebert

Python
37
star
90

naverspeech-sdk-ios

Swift
32
star
91

reflect

C++ class reflection library without RTTI.
C++
32
star
92

android-utilset

Utilset is collections of useful functions to save your valuable time.
Java
32
star
93

cafe-sdk-unity

31
star
94

naver-spring-batch-ex

Java
31
star
95

image-maps

jquery plugin which can be partially linked to the image
JavaScript
31
star
96

whale-browser-developers

Documents for Whale browser developers.
28
star
97

ai-hackathon

๋„ค์ด๋ฒ„ AI Hackathon_AI Vision!
Python
28
star
98

image-sprite-webpack-plugin

A webpack plugin that generates spritesheets from your stylesheets.
JavaScript
28
star
99

oasis

Code for the paper "On the Road to Online Adaptation for Semantic Image Segmentation", CVPR 2022
Python
27
star
100

react-native-image-modifier

Modify local images by React-native module
Java
25
star