https://github.com/ncdev2015/threejs-full-screen

Full screen mode for the canvas by clicking a button
https://github.com/ncdev2015/threejs-full-screen

three-js typescript

Last synced: about 1 month ago
JSON representation

Full screen mode for the canvas by clicking a button

• Host: GitHub
• URL: https://github.com/ncdev2015/threejs-full-screen
• Owner: ncdev2015
• Created: 2024-03-29T08:39:38.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-30T08:25:06.000Z (over 2 years ago)
• Last Synced: 2025-03-01T18:45:52.435Z (over 1 year ago)
• Topics: three-js, typescript
• Language: TypeScript
• Homepage:
• Size: 185 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# threejs-full-screen

This example shows you how to get a full screen mode window from the canvas content by clicking a button

## Requirements

* Nodejs v18+

* Vite

* Three

## Install

* npm install

## Run for development

* npm run dev

## Compile for production

* npm run build

## Examples

Before full screen mode:

![3D Viewer](https://github.com/ncdev2015/threejs-full-screen/blob/main/public/1_c.png)

With full screen mode:

![3D Viewer](https://github.com/ncdev2015/threejs-full-screen/blob/main/public/2_c.png)