voxel.js * bloque dans votre navigateur – Un bon serveur Minecraft

Exemples

Les jeux voxel.js nécessitent un ordinateur pouvant exécuter WebGL, le graphique 3D HTML5
      moteur. Visitez get.webgl.org pour voir si votre
      Le navigateur actuel le supporte. Chrome version 23 ou supérieure ou version Firefox
      17 ou plus sont recommandés.

Cliquez sur les captures d'écran ci-dessous pour lancer les démos dans votre navigateur:

Composants

Au lieu de créer un cadre de jeu géant, nous avons plutôt décidé de scinder voxel.js.
      dans un tas de petits blocs de construction (modules). Les modules peuvent être installés
      avec npm, le gestionnaire de paquets de node.js.
      Voici quelques modules sur lesquels nous avons déjà commencé à travailler:

Le noyau

  • voxel-moteur
  • c'est le module principal pour la construction de jeux voxel – vous pouvez connecter n'importe quel module voxel au moteur. lisez le readme pour un bon aperçu de ce qui est possible avec voxel.js

Add-ons

Il y a environ 200 addons pour voxel.js publiés sur NPM, voici les résultats de la recherche en direct pour tous les modules de NPM avec le mot 'voxel' dans le titre / la description:

Outils et utilitaires

Voxel Builder

éditeur voxel d'objet / créature qui s'exécute dans votre navigateur et vous permet de sauvegarder / exporter / partager votre création

Faire votre premier jeu

Faire un jeu depuis la ligne de commande

Voici un extrait vidéo pratique de @shamakry qui vous apprendra comment démarrer en moins de 10 minutes:

Si vous ne voulez pas regarder une vidéo, vous pouvez également suivre les instructions suivantes:

Pour utiliser les modules voxel.js, vous devez installer node.js (qui
      installera également npm) et pourrez utiliser la ligne de commande de votre ordinateur.

Une fois que node.js est installé, vous pouvez installer le package de base voxel.js npm dans le répertoire de votre projet, puis installer un pack de textures de base. Faire un fichier appelé package.json dans le répertoire de votre projet et donnez-lui le contenu suivant:

      




  "name": "mygamename",
  "version": "0.0.1",
  "dépendances": 
    "voxel-hello-world": "0.6.0"
  

    

Maintenant, vous pouvez dire au noeud d’installer vos dépendances:

      



$ npm install
    

Ensuite, créez mygame.js et mettez le code suivant dedans:

      



var createGame = require ('voxel-hello-world')
var game = createGame ()
    

Ensuite, pour construire votre jeu, utilisez browserify:

      



$ npm installer browserify -g
$ browserify mygame.js -o builtgame.js
    

Chargez le fichier builtgame.js dans une page Web:



  
    
  

Vous devriez maintenant pouvoir jouer à votre jeu en ouvrant index.html dans votre navigateur.

Il y a des documents API dans le fichier Lisez-moi de voxel-engine

Être impliqué

Voici quelques façons d'apprendre et / ou de vous impliquer avec voxel.js:

Ressources

  • Site Web Voxel.js: http://voxeljs.com
  • Écrivez des applications voxel.js dans votre navigateur: http://creator.voxeljs.com
  • Trouvez des modules voxel: https://npmjs.org/search?q=voxel
  • Concevez une créature voxel: http://voxelbuilder.com/
  • Screencast tutoriel de développement Voxel.js (OS X): http://www.youtube.com/watch?v=khWOLOL2SzA
  • Guide pratique du développement de Voxel.js (article): https://gist.github.com/maxogden/5147486
  • Voxel.js logos: http://voxeljs.com/voxeljs-logos.png
  • Principes de base de Three.js: http://fhtr.org/BasicsOfThreeJS/
  • Grand livre sur le codage artistique / algorithmique: http://natureofcode.com/
  • J'ai une idée? Posez une question ou discutez-en à https://github.com/voxel/issues
  • BlockPlot: service d'hébergement Voxel.js (toujours en version bêta): http://blockplot.com
  • Comment fonctionne notre rendu voxel: http://0fps.wordpress.com/2012/06/30/meshing-in-a-minecraft-game/
  • En savoir plus sur les shaders: http://www.html5rocks.com/en/tutorials/webgl/shaders/ et
              exemples sur: https://www.shadertoy.com/

Des référentiels sur lesquels vous pouvez pirater

  • Joueur multijoueur P2P 2: https://github.com/maxogden/ludum-dare-26
  • Serveur multijoueur Node.js: https://github.com/maxogden/voxel-server et
              client: https://github.com/maxogden/voxel-client
  • Animation de marche Voxel: https://github.com/flyswatter/voxel-walk
  • Chargez un monde Minecraft: https://github.com/maxogden/mca2js
  • Objets Minecraft: https://github.com/maxogden/minecraft-blockinfo
  • Stockez les mondes voxel dans IndexedDB: https://github.com/maxogden/voxel-level
  • Virus Voxel (avec une démonstration minimale de l'eau voxel): https://github.com/shama/voxel-virus
  • Sélections en masse de Voxel 3D: https://github.com/maxogden/voxel-select
  • https://github.com/maxogden/gifblocks
  • Voxel GIF studio d’animation: https://github.com/maxogden/gifblocks
  • Implémentez un chargeur de monstres voxel pour: https://github.com/maxogden/voxel-mobs
  • 3D City Loader: https://github.com/maxogden/voxel-city
  • Physique et mouvements des joueurs (à améliorer): https://github.com/maxogden/voxel-physical,
              https://github.com/maxogden/kb-controls, https://github.com/maxogden/voxel-player et
                https://github.com/chrisdickinson/voxel-control/blob/master/index.js
  • Drone Voxel: https://github.com/shama/voxel-drone
  • Voxel script gun: https://github.com/maxogden/voxel-script-gun
  • Commandes mobiles / tactiles: https://github.com/voxel/issues/issues/2
  • Fonction mondiale Voxel: https://github.com/maxogden/voxel-world-function
  • Physique du voxel réel: https://github.com/timoxley/voxel-real-physics
  • Minecraft Multiplayer Bot Visualizer: https://github.com/vogonistic/mineflayer-voxel
  • Post-processeurs de couleur Voxel: http://hughsk.github.io/voxel-colorist/demo/
  • Cycles jour / nuit / lune: https://github.com/shama/voxel-sky
  • Portal Gun: https://github.com/shama/voxel-portal-gun

Nouvelles idées de projets

  • Documenter l'API de base
  • Textures transparentes (eau, verre) – dessinant les blocs derrière eux
  • Débit d 'eau, natation / flottabilité
  • Intégration IRC
  • Gestionnaire de type de bloc / matériau basé sur l'interface utilisateur, téléchargement + gestion des textures, ajout de nouveaux
              types de bloc
  • Personnalisation d'inventaire + d'outils
  • voxeljs en tant que visualiseur de données (comme http://archiveroom.net/)
              ou navigateur de fichiers (http://www.youtube.com/watch?v=dFUlAQZB9Ng)
  • Gestion de paquets dans le navigateur pour voxel-creator utilisant
              NPM. Voir https://github.com/grncdr/browserify-as-a-service/issues
  • Créateur de créatures + Créateur d'IA + Voxel-critter +
              voxel-peintre
  • Génération de terrain à base de biomes
  • Jeu multijoueur Castle Defense!
  • Visualisation musicale / logiciel VJ, par ex. https://twitter.com/voxeljs/status/304420023550738432
  • Obtenez Voxel.js en cours d'exécution sur le Raspberry Pi via Firefox OS http://www.philipp-wagner.com/blog/2013/04/firefox-os-for-raspberry-pi-now-available/
  • Bones, solveur IK. Appliquer des animations aux maillages de préférence BVH
  • Jeux de stratégie ou d'échecs de base Voxel
  • Mise à niveau, expérience ou système de points
  • Statistiques joueur / objet (hp, str, stam, dex … pense DnD, MTG, etc)

Pour plus de modules, consultez ces contributeurs de voxel.js sur NPM

  • https://npmjs.org/~mikolalysenko
  • https://npmjs.org/~maxogden
  • https://npmjs.org/~shama
  • https://npmjs.org/~substack
  • https://npmjs.org/~hughsk
  • https://npmjs.org/~chrisdickinson

Plus!

Les articles de blog 0fps sur le maillage voxel par @mikolalysenko sont la raison pour laquelle voxel.js existe. Lecture fortement recommandée! Vérifiez définitivement la boîte à outils de maillage.

m. doob et three.js sont ce sur quoi voxel.js est construit.

webgl-meincraft est une excellente démo technologique qui montre que beaucoup de choses peuvent être faites dans un navigateur.

Jonas Wagner a fait une démonstration époustouflante et a donné une excellente conférence sur le Web sur Voxel Worlds, qui a inspiré ce projet.

Fan Art

Voici quelques-unes des merveilles que les utilisateurs ont créées avec leurs mondes voxels. Tweet @voxeljs ou écris à max@maxogden.com ta photo pour soumettre ton art!

par @jllord
logos voxeljs, sous licence BSD par @jllord
Pour toute autre pensée ou question, cherchez @maxogden et @substack. Site par fan @jllord. Miaou.