Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Markdown conversion for pt-BR - Replace - Demos section ⚠️ Do not squash ⚠️ #8518

Merged
merged 2 commits into from
Sep 17, 2022
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
242 changes: 0 additions & 242 deletions files/pt-br/web/demos/index.html

This file was deleted.

108 changes: 108 additions & 0 deletions files/pt-br/web/demos/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,108 @@
---
title: Demonstrações de tecnologia web aberta
slug: Web/Demos
translation_of: Web/Demos_of_open_web_technologies
original_slug: Web/Demos_of_open_web_technologies
---
A mozilla suporta uma grande variedade de tecnologias abertas da web aberta e nós encorajamos seu uso.Esta página oferece links para demonstrações interessantes dessas tecnologia.

Se você conhece uma boa demonstração ou aplicação da tecnologia web aberta, adicione um link para a seção apropriada aqui.

## Gráficos 2D

### Tela de pintura

- [Blob Sallad: an interactive blob using javascript and canvas](http://www.blobsallad.se/) ([code demos)](http://blobsallad.se/article/)
- [Flying through space](http://arapehlivanian.com/wp-content/uploads/2007/02/canvas.html)
- [3D RayCaster](/samples/raycaster/RayCaster.html "https://developer.mozilla.org/editor/fckeditor/core/editor/samples/raycaster/RayCaster.html")
- [processing.js](http://processingjs.org/exhibition/)
- [3D on 2D Canvas](http://gyu.que.jp/jscloth/)
- [miniPaint: Image editor](http://viliusle.github.io/miniPaint/) ([source code](https://github.com/viliusle/miniPaint))

### SVG

- [Bubblemenu](http://starkravingfinkle.org/projects/demo/svg-bubblemenu-in-html.xml) (visual effects and interaction)
- [HTML transformations](http://starkravingfinkle.org/blog/2007/07/firefox-3-svg-foreignobject/) using `foreignObject` (visual effects and transforms)
- [Phonetics Guide](http://svg-whiz.com/svg/linguistics/theCreepyMouth.svg) (interactive)
- [3D objects demo](http://www.lutanho.net/svgvml3d/platonic.html) (interactive)
- [Blobular](http://www.themaninblue.com/experiment/Blobular/) (interactive)
- [Video embedded in SVG](http://www.double.co.nz/video_test/video.svg) (or use the [local download](http://www.double.co.nz/video_test/video_svg.tar.bz2))
- [Summer HTML image map creator](http://summerstyle.github.io/summer/) ([source code](https://github.com/summerstyle/summer))

### Vídeo

- [Video 3D Animation "mozilla constantly evolving"](https://vimeo.com/172328210)
- [Video 3D animation "Floating Dance"](https://vimeo.com/173851395)
- [Streaming Anime, Movie Trailer and Interview](http://www.double.co.nz/video_test/test1.html)
- [Billy's Browser Firefox Flick](http://www.double.co.nz/video_test/test2.html)
- [Virtual Barber Shop](http://www.double.co.nz/video_test/test3.html)
- [Transformers Movie Trailer](http://www.double.co.nz/video_test/test4.html)
- [A Scanner Darkly Movie Trailer](http://www.double.co.nz/video_test/test5.html) (with built in controls)
- [Events firing and volume control](http://www.double.co.nz/video_test/events.html)
- [Dragable and sizable videos](http://www.double.co.nz/video_test/video.svg)

## Gráficos 3D

### WebGL

- [Web Audio Fireworks](http://ondras.github.io/fireworks-webgl/)
- IoQuake3 ([source code](https://github.com/klaussilveira/ioquake3.js))
- Escher puzzle ([source code](https://github.com/micahbolen/demoscene))
- [Kai 'Opua](http://collinhover.github.io/kaiopua/) ([source code](https://github.com/collinhover/kaiopua))

### Realidade virtual

- [The Polar Sea](http://mozvr.com/demos/polarsea/) ([source code](https://github.com/MozVR/polarsea))
- Sechelt fly-through ([source code](https://github.com/mozvr/sechelt))

## CSS

- [CSS Zen Garden](http://www.csszengarden.com/)
- [CSS floating logo "mozilla"](http://codepen.io/SoftwareRVG/pen/OXkOWj/)
- [Paperfold](http://felixniklas.com/paperfold/)
- [CSS Blockout](http://ondras.github.io/blockout/)
- [Rubik's cube](http://ondras.zarovi.cz/demos/rubik/)
- [Pure CSS Slides](http://ondras.zarovi.cz/demos/nojs/)
- Planetarium ([source code](https://github.com/littleworkshop/planetarium))

### Transformações

- [Impress.js](http://impress.github.io/impress.js) ([source code](https://github.com/impress/impress.js))

## jogos

- IoQuake3 ([source code](https://github.com/klaussilveira/ioquake3.js))
- [Kai 'Opua](http://collinhover.github.io/kaiopua/) ([source code](https://github.com/collinhover/kaiopua))
- [Game canvas (source code)](https://github.com/gustavoSoriano/game-canvas)

## HTML

- [Zen Photon Garden ](http://zenphoton.com)([source code](https://github.com/scanlime/zenphoton))

## API da Web

### API de notificações

- [HTML5 Notifications](http://elfoxero.github.io/html5notifications/) ([source code](https://github.com/elfoxero/html5notifications))

<!---->

### API de áudio da Web

- [Web Audio Fireworks](http://ondras.github.io/fireworks-webgl/)
- [oscope.js - JavaScript oscilloscope](http://ondras.github.io/oscope/)
- [HTML5 Web Audio Showcase](http://nipe-systems.de/webapps/html5-web-audio/) ([source code](https://github.com/NIPE-SYSTEMS/html5-web-audio-showcase))
- [HTML5 Audio Visualizer](http://wayou.github.io/HTML5_Audio_Visualizer/) ([source code](https://github.com/Wayou/HTML5_Audio_Visualizer))
- [Graphical Filter Editor and Visualizer](http://carlosrafaelgn.com.br/GraphicalFilterEditor/) ([source code](https://github.com/carlosrafaelgn/GraphicalFilterEditor))

### API de arquivos

- [Slide My Text - presentation from plain text files](http://palerdot.github.io/slide-my-text/)

### Trabalhadores da Web

- [Web Worker Fractals](http://ondras.github.io/fractal/)
- [Photo editor](http://ondras.github.io/photo/)
- [Coral generator](http://ondras.github.io/coral/)
- [Raytracer](http://nerget.com/rayjs-mt/rayjs.html)
- [HotCold Touch Typing](http://palerdot.github.io/hotcold/)