O FILME · 01:00
This is NativeScript.
Um minuto de Jolt e Motion Studio, com capturas reais do simulador iOS, edição publicitária e música. As cenas com SceneKit são exclusivas do iOS.
SENSAÇÃO NATIVA. EXPRESSÃO SEM LIMITES.RC.11.1
SINTACADA FRAME.
O motor de animações para interfaces que você não só usa. Você sente. Feito para NativeScript. Vivo na web.
OBJECT 001 — EM ESTADO DE FLUXO
Arraste. Sinta a inércia.
JOLT WEB VENA / NATIVESCRIPT + JOLTUM RITMO SÓ SEU
200 MIL PONTOS DE LUZ.
Cada ponto.
Um pulso.
Um coração feito de luz. Um corpo que responde a você. Chegue perto, mude o ritmo e veja cada ponto ganhar vida.
Sinta o Vena Leve o movimento com vocêiOS / GRAVAÇÃO NATIVA
Vena no iOS: gravação enviada pelo criador, com interface em inglês, abertura, coração de partículas, coleção de ritmos e foco no coração. Velocidade original, exportação a 60 fps, sem áudio; os primeiros 3,25 segundos da tela inicial e abertura do sistema foram omitidos. Dispositivo não informado; não é medição de desempenho. Leituras de BPM ilustrativas.
BodyParts3D © DBCLS · CC BY 4.0 / MakeHuman · CC0 ↗AURALIS / NATIVESCRIPT + JOLTA ARTE DE CHEGAR
UMA PRIMEIRA IMPRESSÃO QUE FICA.
Chegue
marcando.
Vidro que flutua. Luz que guia. Três cenas que fazem o primeiro toque parecer o começo de algo.
Conheça o AuralisDuas receitas. Crie do seu jeito.- 01Possibilidades
- 02Conexão
- 03Fluxo
Auralis
Auralis no iOS: gravação enviada pelo criador com abertura animada, cards de vidro flutuantes, três cenas de onboarding e controles de página. Velocidade original, sem áudio; os primeiros 4,25 segundos da tela inicial e transição do sistema foram omitidos. Dispositivo não informado; não é medição de desempenho. Contas e serviços são ilustrativos.
FEITO COM JOLT / PROJETO EM DESTAQUE
Morrow.
Música. Para sentir.
Um vinil que você pode tocar. Uma página de artista que ganha vida. Uma experiência musical feita com NativeScript e Jolt.
Conheça o MorrowNativeScriptJoltiOS
ASSISTA AO APP REAL ↗Morrow · NativeScript + Jolt. Gravação iOS enviada pelo criador: abertura animada, página da artista, player em vinil, busca na faixa e transição para vídeo. Velocidade original; os primeiros 2,4 segundos da tela inicial foram removidos. Dispositivo de captura não informado.
HEXDROP / NATIVESCRIPT + JOLTRC.11 ↗UM PEQUENO GESTO. UM UNIVERSO INTEIRO.
Um pouco
de magia.
Solte um arquivo. Desperte a poção. Veja uma aranhinha pegar carona. Até esperar pode ser encantador.
Conheça o HexdropExplore as duas receitas- 01Solte
- 02Prepare
- 03Encante
VIEWS NATIVAS. UM POUCO DE FEITIÇARIA.
Hexdrop no iOS: gravação enviada pelo criador com abertura animada, arraste, preparo da poção, seletor de documentos e replay. Velocidade original, sem áudio; os primeiros 3,8 segundos da tela inicial e transição do sistema foram omitidos. Dispositivo não informado. Demo local; nenhum arquivo é enviado.
01 / A COLEÇÃO DE MOVIMENTOS
Leve essa sensação.
Crie do seu jeito.
Interfaces reais. Gravações nativas reais. Encontre seu próximo “como fizeram isso?”.
Todas as 22 receitas01 / VISUALiOS
Um coração feito de luz.
Uniforms nativos dão vida ao coração de partículas, ao foco e à resposta ao toque.
Efeitos visuais · VenaBodyParts3D © DBCLS · CC BY 4.0 / MakeHuman · CC002 / MOTIONiOS
Um ritmo só seu.
Um sinal traçado, um título suave e a entrada em sequência do Vena.
Movimento · VenaBodyParts3D © DBCLS · CC BY 4.0 / MakeHuman · CC003 / MOTIONiOS
Encontre a luz.
Cards mergulham atrás do horizonte curvo e surgem na próxima cena.
Movimento · Auralis04 / TOUCHiOS
Solte um pouco de magia.
Um card que inclina, volta com spring ou desaparece em uma poção.
Toque e gestos · Hexdrop05 / MOTIONiOS · SceneKit
Entre na cena.
Passe da câmera orbital à cabine e volte para fora.
Movimento · Jolt Drive06 / MOTIONiOS
Uma spring com personalidade.
Interrompa. Mude a direção. Preserve o impulso.
MovimentoMENOS ASSISTIR. MAIS EXPERIMENTAR.
Você precisa sentir.
Todos os lados do Jolt Web. Seus para explorar. 53 experimentos. Um playground.
A COLEÇÃO 53
Movimento e física
LIVESpring
Toque, mude o destino, interrompa. Sinta o impulso.
spring.ts
// Faça do seu jeito.
import { createWebRuntime } from '@rafaelaugusto/jolt/web'
// Dentro do componente montado, com suas refs DOM:
const motion = createWebRuntime(document)
const scope = motion.scope()
scope.animate(card, { x: 110, rotate: 12 }, {
type: 'spring', bounce: 0.4, duration: 800
})
// Ao desmontar o componente: scope.dispose(); motion.dispose()Jolt Web de verdade, rodando nesta página. Os recursos do dispositivo mostram o suporte real do navegador. Conheça a coleção ↗
03 / NOTAS DE CAMPO
Desempenho.
Às claras.
ESTUDO EXPLORATÓRIO
Uma animação. Um aparelho real. Um resultado que você pode conferir, incluindo os pontos a melhorar.
CONFIGURAÇÃO PADRÃO
−53,6%
vs. React Native + Reanimated
menos tempo de CPU do processo neste teste
NativeScript + Joltvs. React Native + Reanimated
NativeScript + Jolt6,79 s / 30 s
React Native + Reanimated14,63 s / 30 s
ASUS ZenFone 3 · Android 8.0.05 pares alternados · 30 s por execução · apps release
01
Um teste de escopo pequeno.
Um bloco de 48 × 48, com movimento e mudança de opacidade. Os números comparam as aplicações completas neste aparelho; não comprovam economia de bateria nem uma classificação geral no Android.
02
Os limites também aparecem.
O Jolt padrão usou mais PSS e teve maior espera de apresentação. Em um teste separado com perfil V8 size, bloquear o JavaScript gerou medianas dos maiores intervalos de 309,13 ms, contra 17,06 ms no Reanimated. Falhas de inicialização seguem sem causa esclarecida.
02 / ALÉM DA DEMO
Feito para impressionar.
FEITO COM JOLT · iOS
Jolt
Drive.
Gire o carro. Entre na cabine. Passeie por Austin. Views nativas e um mundo 3D, em movimento juntos.
Jolt Drive no iOS: entrada da garagem do GIF publicado pelo projeto, convertido para MP4 preservando o tempo de cada quadro. Dispositivo de captura não informado; esta prévia não mede desempenho de renderização.
Veja o tour anterior do Jolt Car 02:04
Simulador iOS: exemplo inspirado na Tesla com carro 3D, controles de climatização e uma viagem de busca. Velocidade original; interface de demonstração, sem conexão com um veículo real.
SUA PRÓXIMA GRANDE INTERFACE COMEÇA AQUI.
Menos configuração.
Mais possibilidades.
Código aberto. Para explorar, adaptar e criar do seu jeito.
Comece a criar