Home Linux HTML/CSS PHP React VR Blog PHP Fiddle T-shirt Shop

React VR: Change Text








Quick Copy Boxes



If you find my tutorials helpful, please consider donating to support my free web development resources.

The more money I raise, the more content I can produce.

Thank you,
Commander Candy

DONATE


Font End VS Back End:

Web Development: Back VS Front

Design, Develop, and Deploy Apps on GCP. Build secure, scalable, and intelligent cloud-native applications.
JavaScriptReact VRChange Text

React VR is a JavaScript framework used to create Virtual Reality applications. Let's practice editing our code! Visit the previous lesson, Setting up React VR to set up this project.

This lesson was inspired by a workshop I attended: ReactVR - a VR Workshop with Javascript. Thank you to Praveen Yalamanchi and Damian Montero.


Change the Display Word

Change the word "hello" to "Coding Commanders"


      <Text
        style={{
          backgroundColor: '#777879',
          fontSize: 0.8,
          fontWeight: '400',
          layoutOrigin: [0.5, 0.5],
          paddingLeft: 0.2,
          paddingRight: 0.2,
          textAlign: 'center',
          textAlignVertical: 'center',
          transform: [{translate: [0, 0, -3]}],
        }}>
        Hello
      </Text>
    

change hello - to Coding Commanders.




Color Selector



Hex:


RBG:






Watch the Coding Commanders LAMP Animation:

Coding Commanders: Episode 1



Follow Coding Commanders on:

YouTube

GitHub

Facebook

Instagram

Twitter

Back to Previous Lesson | Continue to React VR Lesson 2