помощь - htm5js

xhtml html5 html java-script css

Some Mathematical Symbols Supported by HTML

CharNumberEntityDescription
∀∀FOR ALL
∂∂PARTIAL DIFFERENTIAL
∃∃THERE EXISTS
∅∅EMPTY SETS
∇∇NABLA
∈∈ELEMENT OF
∉∉NOT AN ELEMENT OF
∋∋CONTAINS AS MEMBER
∏∏N-ARY PRODUCT
∑∑N-ARY SUMMATION

 

Older browsers may not support all the HTML5 entities in the table below.
Chrome and Opera have good support, and IE 11+ and Firefox 35+ support all the entities.

CharDecHexEntityName
85922190←LEFTWARDS ARROW
85932191↑UPWARDS ARROW
85942192→RIGHTWARDS ARROW
85952193↓DOWNWARDS ARROW
85962194↔LEFT RIGHT ARROW
85972195 UP DOWN ARROW
85982196 NORTH WEST ARROW
85992197 NORTH EAST ARROW
86002198 SOUTH EAST ARROW
86012199 SOUTH WEST ARROW
8602219A LEFTWARDS ARROW WITH STROKE
8603219B RIGHTWARDS ARROW WITH STROKE
8604219C LEFTWARDS WAVE ARROW
8605219D RIGHTWARDS WAVE ARROW
8606219E LEFTWARDS TWO HEADED ARROW
8607219F UPWARDS TWO HEADED ARROW
860821A0 RIGHTWARDS TWO HEADED ARROW
860921A1 DOWNWARDS TWO HEADED ARROW
861021A2 LEFTWARDS ARROW WITH TAIL
861121A3 RIGHTWARDS ARROW WITH TAIL
861221A4 LEFTWARDS ARROW FROM BAR
861321A5 UPWARDS ARROW FROM BAR
861421A6 RIGHTWARDS ARROW FROM BAR
861521A7 DOWNWARDS ARROW FROM BAR
861621A8 UP DOWN ARROW WITH BASE
861721A9 LEFTWARDS ARROW WITH HOOK
861821AA RIGHTWARDS ARROW WITH HOOK
861921AB LEFTWARDS ARROW WITH LOOP
862021AC RIGHTWARDS ARROW WITH LOOP
862121AD LEFT RIGHT WAVE ARROW
862221AE LEFT RIGHT ARROW WITH STROKE
862321AF DOWNWARDS ZIGZAG ARROW
862421B0 UPWARDS ARROW WITH TIP LEFTWARDS
862521B1 UPWARDS ARROW WITH TIP RIGHTWARDS
862621B2 DOWNWARDS ARROW WITH TIP LEFTWARDS
862721B3 DOWNWARDS ARROW WITH TIP RIGHTWARDS
862821B4 RIGHTWARDS ARROW WITH CORNER DOWNWARDS
862921B5↵DOWNWARDS ARROW WITH CORNER LEFTWARDS
863021B6 ANTICLOCKWISE TOP SEMICIRCLE ARROW
863121B7 CLOCKWISE TOP SEMICIRCLE ARROW
863221B8 NORTH WEST ARROW TO LONG BAR
863321B9 LEFTWARDS ARROW TO BAR OVER RIGHTWARDS ARROW TO BAR
863421BA ANTICLOCKWISE OPEN CIRCLE ARROW
863521BB CLOCKWISE OPEN CIRCLE ARROW
863621BC LEFTWARDS HARPOON WITH BARB UPWARDS
863721BD LEFTWARDS HARPOON WITH BARB DOWNWARDS
863821BE UPWARDS HARPOON WITH BARB RIGHTWARDS
863921BF UPWARDS HARPOON WITH BARB LEFTWARDS
864021C0 RIGHTWARDS HARPOON WITH BARB UPWARDS
864121C1 RIGHTWARDS HARPOON WITH BARB DOWNWARDS
864221C2 DOWNWARDS HARPOON WITH BARB RIGHTWARDS
864321C3 DOWNWARDS HARPOON WITH BARB LEFTWARDS
864421C4 RIGHTWARDS ARROW OVER LEFTWARDS ARROW
864521C5 UPWARDS ARROW LEFTWARDS OF DOWNWARDS ARROW
864621C6 LEFTWARDS ARROW OVER RIGHTWARDS ARROW
864721C7 LEFTWARDS PAIRED ARROWS
864821C8 UPWARDS PAIRED ARROWS
864921C9 RIGHTWARDS PAIRED ARROWS
865021CA DOWNWARDS PAIRED ARROWS
865121CB LEFTWARDS HARPOON OVER RIGHTWARDS HARPOON
865221CC RIGHTWARDS HARPOON OVER LEFTWARDS HARPOON
865321CD LEFTWARDS DOUBLE ARROW WITH STROKE
865421CE LEFT RIGHT DOUBLE ARROW WITH STROKE
865521CF RIGHTWARDS DOUBLE ARROW WITH STROKE
865621D0⇐LEFTWARDS DOUBLE ARROW
865721D1⇑UPWARDS DOUBLE ARROW
865821D2⇒RIGHTWARDS DOUBLE ARROW
865921D3⇓DOWNWARDS DOUBLE ARROW
866021D4⇔LEFT RIGHT DOUBLE ARROW
866121D5 UP DOWN DOUBLE ARROW
866221D6 NORTH WEST DOUBLE ARROW
866321D7 NORTH EAST DOUBLE ARROW
866421D8 SOUTH EAST DOUBLE ARROW
866521D9 SOUTH WEST DOUBLE ARROW
866621DA LEFTWARDS TRIPLE ARROW
866721DB RIGHTWARDS TRIPLE ARROW
866821DC LEFTWARDS SQUIGGLE ARROW
866921DD RIGHTWARDS SQUIGGLE ARROW
867021DE UPWARDS ARROW WITH DOUBLE STROKE
867121DF DOWNWARDS ARROW WITH DOUBLE STROKE
867221E0 LEFTWARDS DASHED ARROW
867321E1 UPWARDS DASHED ARROW
867421E2 RIGHTWARDS DASHED ARROW
867521E3 DOWNWARDS DASHED ARROW
867621E4 LEFTWARDS ARROW TO BAR
867721E5 RIGHTWARDS ARROW TO BAR
867821E6 LEFTWARDS WHITE ARROW
867921E7 UPWARDS WHITE ARROW
868021E8 RIGHTWARDS WHITE ARROW
868121E9 DOWNWARDS WHITE ARROW
868221EA UPWARDS WHITE ARROW FROM BAR
868321EB UPWARDS WHITE ARROW ON PEDESTAL
868421EC UPWARDS WHITE ARROW ON PEDESTAL WITH HORIZONTAL BAR
868521ED UPWARDS WHITE ARROW ON PEDESTAL WITH VERTICAL BAR
868621EE UPWARDS WHITE DOUBLE ARROW
868721EF UPWARDS WHITE DOUBLE ARROW ON PEDESTAL
868821F0 RIGHTWARDS WHITE ARROW FROM WALL
868921F1 NORTH WEST ARROW TO CORNER
869021F2 SOUTH EAST ARROW TO CORNER
869121F3 UP DOWN WHITE ARROW
869221F4 RIGHT ARROW WITH SMALL CIRCLE
869321F5 DOWNWARDS ARROW LEFTWARDS OF UPWARDS ARROW
869421F6 THREE RIGHTWARDS ARROWS
869521F7 LEFTWARDS ARROW WITH VERTICAL STROKE
869621F8 RIGHTWARDS ARROW WITH VERTICAL STROKE
869721F9 LEFT RIGHT ARROW WITH VERTICAL STROKE
869821FA LEFTWARDS ARROW WITH DOUBLE VERTICAL STROKE
869921FB RIGHTWARDS ARROW WITH DOUBLE VERTICAL STROKE
870021FC LEFT RIGHT ARROW WITH DOUBLE VERTICAL STROKE
870121FD LEFTWARDS OPEN-HEADED ARROW
870221FE RIGHTWARDS OPEN-HEADED ARROW
870321FF LEFT RIGHT OPEN-HEADED ARROW

 

Older browsers may not support all the HTML5 entities in the table below.

CharDecHexEntityName
835220A0 EURO-CURRENCY SIGN
835320A1 COLON SIGN
835420A2 CRUZEIRO SIGN
835520A3 FRENCH FRANC SIGN
835620A4 LIRA SIGN
835720A5 MILL SIGN
835820A6 NAIRA SIGN
835920A7 PESETA SIGN
836020A8 RUPEE SIGN
836120A9 WON SIGN
836220AA NEW SHEQEL SIGN
836320AB DONG SIGN
836420AC€EURO SIGN
836520AD KIP SIGN
836620AE TUGRIK SIGN
836720AF DRACHMA SIGN
836820B0 GERMAN PENNY SYMBOL
836920B1 PESO SIGN
837020B2 GUARANI SIGN
837120B3 AUSTRAL SIGN
837220B4 HRYVNIA SIGN
837320B5 CEDI SIGN
837420B6 LIVRE TOURNOIS SIGN
837520B7 SPESMILO SIGN
837620B8 TENGE SIGN
837720B9 INDIAN RUPEE SIGN
837820BA TURKISH LIRA SIGN
837920BB NORDIC MARK SIGN
838020BC MANAT SIGN
838120BD RUBLE SIGN
838220BE LARI SIGN
838320BF BITCOIN SIGN

Some Greek Letters Supported by HTML

CharNumberEntityDescription
ΑΑΑGREEK CAPITAL LETTER ALPHA
ΒΒΒGREEK CAPITAL LETTER BETA
ΓΓΓGREEK CAPITAL LETTER GAMMA
ΔΔΔGREEK CAPITAL LETTER DELTA
ΕΕΕGREEK CAPITAL LETTER EPSILON
ΖΖΖGREEK CAPITAL LETTER ZETA

Some Other Entities Supported by HTML

CharNumberEntityDescription
©©©COPYRIGHT SIGN
®®®REGISTERED SIGN
€€EURO SIGN
™™TRADEMARK
←←LEFTWARDS ARROW
↑↑UPWARDS ARROW
→→RIGHTWARDS ARROW
↓↓DOWNWARDS ARROW
♠♠BLACK SPADE SUIT
♣♣BLACK CLUB SUIT
♥♥BLACK HEART SUIT
♦♦BLACK DIAMOND SUIT

 

 

CharDecHexEntityName
97282600 BLACK SUN WITH RAYS
97292601 CLOUD
97302602 UMBRELLA
97312603 SNOWMAN
97322604 COMET
97332605 BLACK STAR
97342606 WHITE STAR
97352607 LIGHTNING
97362608 THUNDERSTORM
97372609 SUN
9738260A ASCENDING NODE
9739260B DESCENDING NODE
9740260C CONJUNCTION
9741260D OPPOSITION
9742260E BLACK TELEPHONE
9743260F WHITE TELEPHONE
97442610 BALLOT BOX
97452611 BALLOT BOX WITH CHECK
97462612 BALLOT BOX WITH X
97472613 SALTIRE
97482614 UMBRELLA WITH RAIN DROPS
97492615 HOT BEVERAGE
97502616 WHITE SHOGI PIECE
97512617 BLACK SHOGI PIECE
97522618 SHAMROCK
97532619 REVERSED ROTATED FLORAL HEART BULLET
9754261A BLACK LEFT POINTING INDEX
9755261B BLACK RIGHT POINTING INDEX
9756261C WHITE LEFT POINTING INDEX
9757261D WHITE UP POINTING INDEX
9758261E WHITE RIGHT POINTING INDEX
9759261F WHITE DOWN POINTING INDEX
97602620 SKULL AND CROSSBONES
97612621 CAUTION SIGN
97622622 RADIOACTIVE SIGN
97632623 BIOHAZARD SIGN
97642624 CADUCEUS
97652625 ANKH
97662626 ORTHODOX CROSS
97672627 CHI RHO
97682628 CROSS OF LORRAINE
97692629 CROSS OF JERUSALEM
9770262A STAR AND CRESCENT
9771262B FARSI SYMBOL
9772262C KHANDA
9773262D HAMMER AND SICKLE
9774262E PEACE SYMBOL
9775262F YIN YANG
97762630 TRIGRAM FOR HEAVEN
97772631 TRIGRAM FOR LAKE
97782632 TRIGRAM FOR FIRE
97792633 TRIGRAM FOR THUNDER
97802634 TRIGRAM FOR WIND
97812635 TRIGRAM FOR WATER
97822636 TRIGRAM FOR MOUNTAIN
97832637 TRIGRAM FOR EARTH
97842638 WHEEL OF DHARMA
97852639 WHITE FROWNING FACE
9786263A WHITE SMILING FACE
9787263B BLACK SMILING FACE
9788263C WHITE SUN WITH RAYS
9789263D FIRST QUARTER MOON
9790263E LAST QUARTER MOON
9791263F MERCURY
97922640 FEMALE SIGN
97932641 EARTH
97942642 MALE SIGN
97952643 JUPITER
97962644 SATURN
97972645 URANUS
97982646 NEPTUNE
97992647 PLUTO
98002648 ARIES
98012649 TAURUS
9802264A GEMINI
9803264B CANCER
9804264C LEO
9805264D VIRGO
9806264E LIBRA
9807264F SCORPIUS
98082650 SAGITTARIUS
98092651 CAPRICORN
98102652 AQUARIUS
98112653 PISCES
98122654 WHITE CHESS KING
98132655 WHITE CHESS QUEEN
98142656 WHITE CHESS ROOK
98152657 WHITE CHESS BISHOP
98162658 WHITE CHESS KNIGHT
98172659 WHITE CHESS PAWN
9818265A BLACK CHESS KING
9819265B BLACK CHESS QUEEN
9820265C BLACK CHESS ROOK
9821265D BLACK CHESS BISHOP
9822265E BLACK CHESS KNIGHT
9823265F BLACK CHESS PAWN
98242660♠BLACK SPADE SUIT
98252661 WHITE HEART SUIT
98262662 WHITE DIAMOND SUIT
98272663♣BLACK CLUB SUIT
98282664 WHITE SPADE SUIT
98292665♥BLACK HEART SUIT
98302666♦BLACK DIAMOND SUIT
98312667 WHITE CLUB SUIT
98322668 HOT SPRINGS
98332669 QUARTER NOTE
9834266A EIGHTH NOTE
9835266B BEAMED EIGHTH NOTES
9836266C BEAMED SIXTEENTH NOTES
9837266D MUSIC FLAT SIGN
9838266E MUSIC NATURAL SIGN
9839266F MUSIC SHARP SIGN
98402670 WEST SYRIAC CROSSTry it
98412671 EAST SYRIAC CROSSTry it
98422672 UNIVERSAL RECYCLING SYMBOLTry it
98432673 RECYCLING SYMBOL FOR TYPE-1 PLASTICSTry it
98442674 RECYCLING SYMBOL FOR TYPE-2 PLASTICSTry it
98452675 RECYCLING SYMBOL FOR TYPE-3 PLASTICSTry it
98462676 RECYCLING SYMBOL FOR TYPE-4 PLASTICSTry it
98472677 RECYCLING SYMBOL FOR TYPE-5 PLASTICSTry it
98482678 RECYCLING SYMBOL FOR TYPE-6 PLASTICSTry it
98492679 RECYCLING SYMBOL FOR TYPE-7 PLASTICSTry it
9850267A RECYCLING SYMBOL FOR GENERIC MATERIALSTry it
9851267B BLACK UNIVERSAL RECYCLING SYMBOLTry it
9852267C RECYCLED PAPER SYMBOLTry it
9853267D PARTIALLY-RECYCLED PAPER SYMBOLTry it
9854267E PERMANENT PAPER SIGNTry it
9855267F WHEELCHAIR SYMBOLTry it
98562680 DIE FACE-1Try it
98572681 DIE FACE-2Try it
98582682 DIE FACE-3Try it
98592683 DIE FACE-4Try it
98602684 DIE FACE-5Try it
98612685 DIE FACE-6Try it
98622686 WHITE CIRCLE WITH DOT RIGHTTry it
98632687 WHITE CIRCLE WITH TWO DOTSTry it
98642688 BLACK CIRCLE WITH WHITE DOT RIGHTTry it
98652689 BLACK CIRCLE WITH TWO WHITE DOTSTry it
9866268A MONOGRAM FOR YANGTry it
9867268B MONOGRAM FOR YINTry it
9868268C DIGRAM FOR GREATER YANGTry it
9869268D DIGRAM FOR LESSER YINTry it
9870268E DIGRAM FOR LESSER YANGTry it
9871268F DIGRAM FOR GREATER YINTry it
98722690 WHITE FLAGTry it
98732691 BLACK FLAGTry it
98742692 HAMMER AND PICKTry it
98752693 ANCHORTry it
98762694 CROSSED SWORDSTry it
98772695 STAFF OF AESCULAPIUSTry it
98782696 SCALESTry it
98792697 ALEMBICTry it
98802698 FLOWERTry it
98812699 GEARTry it
9882269A STAFF OF HERMESTry it
9883269B ATOM SYMBOLTry it
9884269C FLEUR-DE-LISTry it
9885269D OUTLINED WHITE STARTry it
9886269E THREE LINES CONVERGING RIGHTTry it
9887269F THREE LINES CONVERGING LEFTTry it
988826A0 WARNING SIGNTry it
988926A1 HIGH VOLTAGE SIGNTry it
989026A2 DOUBLED FEMALE SIGNTry it
989126A3 DOUBLED MALE SIGNTry it
989226A4 INTERLOCKED FEMALE AND MALE SIGNTry it
989326A5 MALE AND FEMALE SIGNTry it
989426A6 MALE WITH STROKE SIGNTry it
989526A7 MALE WITH STROKE AND MALE AND FEMALE SIGNTry it
989626A8 VERTICAL MALE WITH STROKE SIGNTry it
989726A9 HORIZONTAL MALE WITH STROKE SIGNTry it
989826AA MEDIUM WHITE CIRCLETry it
989926AB MEDIUM BLACK CIRCLETry it
990026AC MEDIUM SMALL WHITE CIRCLETry it
990126AD MARRIAGE SYMBOLTry it
990226AE DIVORCE SYMBOLTry it
990326AF UNMARRIED PARTNERSHIP SYMBOLTry it
990426B0 COFFINTry it
990526B1 FUNERAL URNTry it
990626B2 NEUTERTry it
990726B3 CERESTry it
990826B4 PALLASTry it
990926B5 JUNOTry it
991026B6 VESTATry it
991126B7 CHIRONTry it
991226B8 BLACK MOON LILITHTry it
991326B9 SEXTILETry it
991426BA SEMISEXTILETry it
991526BB QUINCUNXTry it
991626BC SESQUIQUADRATETry it
991726BD SOCCER BALLTry it
991826BE BASEBALLTry it
991926BF SQUARED KEYTry it
992026C0 WHITE DRAUGHTS MANTry it
992126C1 WHITE DRAUGHTS KINGTry it
992226C2 BLACK DRAUGHTS MANTry it
992326C3 BLACK DRAUGHTS KINGTry it
992426C4 SNOWMAN WITHOUT SNOWTry it
992526C5 SUN BEHIND CLOUDTry it
992626C6 RAINTry it
992726C7 BLACK SNOWMANTry it
992826C8 THUNDER CLOUD AND RAINTry it
992926C9 TURNED WHITE SHOGI PIECETry it
993026CA TURNED BLACK SHOGI PIECETry it
993126CB WHITE DIAMOND IN SQUARETry it
993226CC CROSSING LANESTry it
993326CD DISABLED CARTry it
993426CE OPHIUCHUSTry it
993526CF PICKTry it
993626D0 CAR SLIDINGTry it
993726D1 HELMET WITH WHITE CROSSTry it
993826D2 CIRCLED CROSSING LANESTry it
993926D3 CHAINSTry it
994026D4 NO ENTRYTry it
994126D5 ALTERNATE ONE-WAY LEFT WAY TRAFFICTry it
994226D6 BLACK TWO-WAY LEFT WAY TRAFFICTry it
994326D7 WHITE TWO-WAY LEFT WAY TRAFFICTry it
994426D8 BLACK LEFT LANE MERGETry it
994526D9 WHITE LEFT LANE MERGETry it
994626DA DRIVE SLOW SIGNTry it
994726DB HEAVY WHITE DOWN-POINTING TRIANGLETry it
994826DC LEFT CLOSED ENTRYTry it
994926DD SQUARED SALTIRETry it
995026DE FALLING DIAGONAL IN WHITE CIRCLE IN BLACK SQUARETry it
995126DF BLACK TRUCKTry it
995226E0 RESTRICTED LEFT ENTRY-1Try it
995326E1 RESTRICTED LEFT ENTRY-2Try it
995426E2 ASTRONOMICAL SYMBOL FOR URANUSTry it
995526E3 HEAVY CIRCLE WITH STROKE AND TWO DOTS ABOVETry it
995626E4 PENTAGRAMTry it
995726E5 RIGHT-HANDED INTERLACED PENTAGRAMTry it
995826E6 LEFT-HANDED INTERLACED PENTAGRAMTry it
995926E7 INVERTED PENTAGRAMTry it
996026E8 BLACK CROSS ON SHIELDTry it
996126E9 SHINTO SHRINETry it
996226EA CHURCHTry it
996326EB CASTLETry it
996426EC HISTORIC SITETry it
996526ED GEAR WITHOUT HUBTry it
996626EE GEAR WITH HANDLESTry it
996726EF MAP SYMBOL FOR LIGHTHOUSETry it
996826F0 MOUNTAINTry it
996926F1 UMBRELLA ON GROUNDTry it
997026F2 FOUNTAINTry it
997126F3 FLAG IN HOLETry it
997226F4 FERRYTry it
997326F5 SAILBOATTry it
997426F6 SQUARE FOUR CORNERSTry it
997526F7 SKIERTry it
997626F8 ICE SKATETry it
997726F9 PERSON WITH BALLTry it
997826FA TENTTry it
997926FB JAPANESE BANK SYMBOLTry it
998026FC HEADSTONE GRAVEYARD SYMBOLTry it
998126FD FUEL PUMPTry it
998226FE CUP ON BLACK SQUARETry it
998326FF WHITE FLAG WITH HORIZONTAL MIDDLE BLACK STRIPETry it

hello code and json or ldap

 

   <style type="text/css">
        .plantas3d{
            position:fixed;
            z-index: -1;
            top:0%;
            left:0%;
            width: 100%;
            height: 100%;
        /*background-color: #111;*/
    }
    #renderCanvas {
        width: 100%;
        height: 100%;
        touch-action: none;
            position:fixed;
    }
    </style>

    <script>
//<div class="plantas3d">
//    <canvas id="renderCanvas" touch-action="none"></canvas>
//</div>
        const canvas = document.getElementById("renderCanvas"); // Get the canvas element
        const engine = new BABYLON.Engine(canvas, true); // Generate the BABYLON 3D engine

        // Add your code here matching the playground format
        const createScene = function () {
        const scene = new BABYLON.Scene(engine); 
//          BABYLON.SceneLoader.ImportMeshAsync("", "https://assets.babylonjs.com/meshes/", "box.babylon");
        // Light
        const light = new BABYLON.HemisphericLight("HemiLight", new BABYLON.Vector3(-2, 0, 0), scene);
            // Camera
        const camera = new BABYLON.ArcRotateCamera("Camera", -1.57, 1.0, 200, new BABYLON.Vector3.Zero(), scene);
        camera.attachControl(canvas);
            //Creation of a sphere (name of the sphere, segments, diameter, scene)
            var sphere = BABYLON.Mesh.CreateSphere("sphere", 100.0, 100.0, scene);
            sphere.position = new BABYLON.Vector3(0, 0, 0);
            sphere.rotation.x = Math.PI;
            //Add material to sphere
            var groundMaterial = new BABYLON.StandardMaterial("mat", scene);
        groundMaterial.diffuseTexture = new BABYLON.Texture("/templates/smart/gl/on/earthmap1k.jpg", scene);
        groundMaterial.specularTexture = new BABYLON.Texture("/templates/smart/gl/on/earthspec1k.jpg", scene);
        groundMaterial.bumpTexture = new BABYLON.Texture("/templates/smart/gl/on/earthbump1k.jpg", scene);
        groundMaterial.invertNormalMapX = true;
        groundMaterial.invertNormalMapY = true;
        sphere.material = groundMaterial;

            //Creation of atmosphere (name of the sphere, segments, diameter, scene)
            var patmosphere = BABYLON.Mesh.CreateSphere("patmosphere", 105.0, 105.0, scene);
            patmosphere.position = new BABYLON.Vector3(0, 0, 0);
            patmosphere.rotation.x = Math.PI;
            var patmosphereS = new BABYLON.StandardMaterial("patmosphereS", scene);
        patmosphereS.diffuseColor = new BABYLON.Color3(0.4, 0.5, 0.3);
        //patmosphereS.bumpTexture = new BABYLON.Texture("/templates/smart/gl/on/lyod.jpg", scene);
        patmosphereS.opacityTexture = new BABYLON.Texture("/templates/smart/gl/on/clouda.png", scene);
        //patmosphere.diffuseTexture.hasAlpha = true;
        patmosphereS.alpha = 0.7;


            //Creation of atmosphere (name of the sphere, segments, diameter, scene)
            var atmosphere = BABYLON.Mesh.CreateSphere("atmosphere", 110.0, 110.0, scene);
            atmosphere.position = new BABYLON.Vector3(0, 0, 0);
            atmosphere.rotation.x = Math.PI;
       
            var atmosphereS = new BABYLON.StandardMaterial("atmosphereS", scene);
        atmosphereS.diffuseColor = new BABYLON.Color3(0.3, 0.3, 0.3);
        //atmosphereS.bumpTexture = new BABYLON.Texture("/templates/smart/gl/on/lyod.jpg", scene);
        atmosphereS.opacityTexture = new BABYLON.Texture("/templates/smart/gl/on/clouda.png", scene);
        //atmosphereS.diffuseTexture.hasAlpha = true;
        atmosphereS.invertNormalMapX = true;
        atmosphereS.invertNormalMapY = true;
        atmosphereS.alpha = 0.9;

//myMaterial.diffuseTexture.hasAlpha = true;
//materialSphere1.wireframe = true;

//        atmosphereS.diffuseTexture = new BABYLON.Texture("/templates/smart/gl/on/lyod.jpg", scene);
//atmosphereS.specularColor = new BABYLON.Color3(0.5, 0.6, 0.87);
//atmosphereS.emissiveColor = new BABYLON.Color3(1, 1, 1);
//atmosphereS.ambientColor = new BABYLON.Color3(0.23, 0.98, 0.53);
        //atmosphereS.invertNormalMapX = true;
        //atmosphereS.invertNormalMapY = true;
        atmosphere.material = atmosphereS;






        var skybox = BABYLON.Mesh.CreateBox("skyBox", 400.0, scene);
        var skyboxMaterial = new BABYLON.StandardMaterial("skyBox", scene);
        skyboxMaterial.backFaceCulling = false;
        skyboxMaterial.reflectionTexture = new BABYLON.CubeTexture("/templates/smart/gl/on/starbox2", scene);
        skyboxMaterial.reflectionTexture.coordinatesMode = BABYLON.Texture.SKYBOX_MODE;
        skyboxMaterial.diffuseColor = new BABYLON.Color3(0, 0, 0);
        skyboxMaterial.specularColor = new BABYLON.Color3(0, 0, 0);
        skybox.material = skyboxMaterial;


            // Animations - rotate earth
            var alpha = 0;
            scene.beforeRender = function () {
                sphere.rotation.y = alpha;
                atmosphere.rotation.y = alpha;
                alpha -= 0.0015;
            };
            return scene;
        };
        const scene = createScene(); //Call the createScene function
        // Register a render loop to repeatedly render the scene
        engine.runRenderLoop(function () {
                scene.render();
        });
        // Watch for browser/canvas resize events
        window.addEventListener("resize", function () {
                engine.resize();
        });
    </script>

source code help

 

Demo with just material:

<!doctype html>
<html>
   <head>
      <meta charset = "utf-8">
      <title>BabylonJs - Basic Element-Creating Scene</title>
      <script src = "babylon.js"></script>
      <style>
         canvas {width: 100%; height: 100%;}
      </style>
   </head>

   <body>
      <canvas id = "renderCanvas"></canvas>
      <script type = "text/javascript">
         var canvas = document.getElementById("renderCanvas");
         var engine = new BABYLON.Engine(canvas, true);
         var createScene  = function() {
            var scene = new BABYLON.Scene(engine);
            scene.clearColor = new BABYLON.Color3(0, 1, 0);
            var camera = new BABYLON.ArcRotateCamera("Camera", 1, 0.8, 10, new BABYLON.Vector3(0, 0, 0), scene);
            camera.attachControl(canvas, true);
            var light = new BABYLON.HemisphericLight("light1", new BABYLON.Vector3(0, 1, 0), scene);
            light.intensity = 0.7;   
            var materialforbox = new BABYLON.StandardMaterial("texture1", scene);
            var box = BABYLON.Mesh.CreateBox("box", '3', scene);   
            box.material = materialforbox;
            return scene;
         };
         var scene = createScene();
         engine.runRenderLoop(function() {
            scene.render();
         });
      </script>
   </body>
</html>

 

Demo with transparency:

<!doctype html>
<html> <head> <meta charset = "utf-8"> <title>BabylonJs - Basic Element-Creating Scene</title> <script src = "babylon.js"></script> <style> canvas {width: 100%; height: 100%;} </style> </head> <body> <canvas id = "renderCanvas"></canvas> <script type = "text/javascript"> var canvas = document.getElementById("renderCanvas"); var engine = new BABYLON.Engine(canvas, true); var createScene = function() { var scene = new BABYLON.Scene(engine); scene.clearColor = new BABYLON.Color3(0, 1, 0); var camera = new BABYLON.ArcRotateCamera("Camera", 1, 0.8, 10, new BABYLON.Vector3(0, 0, 0), scene); camera.attachControl(canvas, true); var light = new BABYLON.HemisphericLight("light1", new BABYLON.Vector3(0, 1, 0), scene); light.intensity = 0.7; var materialforbox = new BABYLON.StandardMaterial("texture1", scene); var box = BABYLON.Mesh.CreateBox("box", '3', scene); box.material = materialforbox; materialforbox.alpha = 0.3; // value of 0.3 is applied fro transparency return scene; }; var scene = createScene(); engine.runRenderLoop(function() { scene.render(); }); </script> </body>
</html>

More: www.tutorialspoint.com/babylonjs/

 


Authorization

google bado: