Flipped Classroom Transition to Online Classroom

Why I used it

I am responsible for the Game Design and Web Design programs. The enrollment in Web Design I is decent but Web Design II was low. So low in fact, it struggled to run. The thought process was to flip both course and run them simultaneously so it could run. Eventually I wanted Web Design II to go online.

My Process:

Online is scary so baby steps.
Make Web Design I flipped first.
Run both Web Design classes flipped concurrently.
Transition Web Design II to Hybrid.
Completely convert Web Design II to online.
Armageddon has cometh and everything is online.

final site

Cone Productions

providing animation and interactive services

services

work

courses

contact

about us

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tristique libero quam, rutrum vehicula ligula aliquet vitae. Etiam hendrerit et massa vitae mattis. In ut ex quam. Nam massa sapien, molestie volutpat ex et, sollicitudin tempor orci. Aliquam volutpat nulla eu sagittis volutpat. Praesent non est tortor.

news

Phasellus condimentum posuere pretium. Morbi et turpis bibendum, bibendum nunc feugiat, tincidunt libero. Curabitur in congue neque. Aliquam at tincidunt mi.

CSS3 Properties:

border-radius: The shorthand code for specifying all four corner curves of an element.
border-image: The shorthand code for setting up a custom border using an image. Please note that the border property must be set as well for this to work.
text-shadow: This adds a drop shadow to a text element.
box-shadow: This adds a drop shadow to a block-level element.
transform: This property will animate an element on one of its animate-able transforms.
transition: This property will animate an element's property based on a starting value, ending value, and length of time. You may also specify the ease, delay, or use transform in conjunction with this property.
animation: This property animates element properties and allows for more specific control than the transition property.

PlayerControllerScript.cs

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.Audio;

public class PlayerControllerScript : MonoBehaviour
{
    [SerializeField] float playerSpeed;
    [SerializeField] float playerJumpStrength;

    public bool ground;
    public bool ceiling;

    private Rigidbody2D playerRB2D;
    private BoxCollider2D playerBoxCollider;
    private Transform playerTransform;
    private Animator playerAnimator;

    private LayerMask groundMask = 1 << 8;
    private RaycastHit2D hit;

    public AnimationCurve jumpAnimCurve;
    public float jumpDuration = 2f;
    public float jumpHeight = 3f;
    private bool jumping = false;
    private float playerGravScale;

    private GameObject audioController;
    public GameObject groundSmoke;

    void Start()
    {
        playerRB2D = GetComponent();
        playerBoxCollider = GetComponent();
        playerTransform = GetComponent();
        playerGravScale = playerRB2D.gravityScale;
        playerAnimator = GetComponentInChildren();
        audioController = GameObject.Find("AudioController");
    }

    void Update()
    {
        playerRB2D.velocity = new Vector2((Input.GetAxis("Horizontal") * playerSpeed), playerRB2D.velocity.y);

        if(Input.GetAxis("Jump") > 0 && ground && !jumping)
        {
            StartCoroutine(JumpLerp());
            audioController.transform.Find("Jump").gameObject.GetComponent().Play();
            Instantiate(groundSmoke, new Vector2(transform.position.x, transform.position.y-1), Quaternion.identity);
        }

        if(Input.GetAxis("Horizontal") > 0)
        {
            GetComponentInChildren().flipX = false;
        }
        else if(Input.GetAxis("Horizontal") < 0)
        {
            GetComponentInChildren().flipX = true;
        }

        if (!ground && !jumping)
        {
            playerRB2D.gravityScale = playerGravScale;
        }

        PlayerAnim();
    }

    void FixedUpdate()
    {
        ground = GroundCheck();
        ceiling = CeilingCheck();
    }

    bool GroundCheck ()
	{
		hit = Physics2D.Raycast(transform.position, -Vector2.up, (playerBoxCollider.size.y/2 + 0.1f), groundMask);
        Debug.DrawRay(transform.position, (-Vector2.up * (playerBoxCollider.size.y/2 + 0.1f)), Color.red, 0.25f, false);
		if(hit.collider != null)
		{
			return true;            
		}
        else
        {
            return false;
        }		
	}
    bool CeilingCheck ()
    {
		hit = Physics2D.Raycast(transform.position, Vector2.up, (playerBoxCollider.size.y/2 + 0.1f), groundMask);
        Debug.DrawRay(transform.position, (Vector2.up * (playerBoxCollider.size.y/2 + 0.1f)), Color.yellow, 0.25f, false);
		if(hit.collider != null)
		{            
			return true;            
		}
        else
        {
            return false;
        }        
    }  

    IEnumerator JumpLerp()
    {
        float jumpJourney = 0f;
        float playerStartYPos = playerTransform.position.y;

        if (ground)
        {
            while (jumpJourney <= jumpDuration && !ceiling)
            {
                playerRB2D.gravityScale = 0;
                jumping = true;
                jumpJourney = jumpJourney + Time.deltaTime;
                float percent = Mathf.Clamp01(jumpJourney / jumpDuration);
                float curvePercent = jumpAnimCurve.Evaluate(percent);
                float jumpYPos = Mathf.Lerp(playerStartYPos, playerStartYPos + jumpHeight, curvePercent);
                transform.position = new Vector3(playerTransform.position.x, jumpYPos, playerTransform.position.z);
                yield return null;
            }
            
        }        
        yield return jumping = false;
    }

    void PlayerAnim()
    {
        playerAnimator.SetBool("Ground", ground);
        playerAnimator.SetFloat("XSpeed", Mathf.Abs(Input.GetAxis("Horizontal")));
    }
}

Flipped Classroom Transition to Online Classroom

Outline: