0% found this document useful (0 votes)
9 views10 pages

Potfolio

Uploaded by

jaswinderrother
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
9 views10 pages

Potfolio

Uploaded by

jaswinderrother
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 10

Software used: Adobe

Photoshop
A digital painting of a futuristic warrior
in a sci-fi setting, showcasing my
understanding of color theory and
composition. The warrior is depicted in
a dynamic pose, with a bold and
vibrant color scheme that reflects the
futuristic setting. The composition is
well-balanced, with the warrior's figure
placed prominently in the center of
the image. The background is a subtle
gradient of blues and purples, which
helps to create a sense of depth and
atmosphere. Overall, this piece
demonstrates my ability to create
engaging and visually appealing
concept art that showcases my
Software used: Adobe understanding of color theory and
Illustrator
A digital illustration of a fantasy city,
featuring intricate architecture and a
vibrant color palette. The city is depicted in
a detailed and realistic style, with a focus
on showcasing the unique architectural
features and cultural influences of the
fantasy world. The color palette is bright
and vibrant, with a mix of warm and cool
tones that create a sense of depth and
atmosphere. The illustration is well-
composed, with a clear focal point and a
sense of balance and harmony. Overall,
this piece demonstrates my ability to
create engaging and visually appealing
environmental designs that showcase my
attention to detail and artistic vision.
A beautifully intricate rangoli
design, vibrant with bold and rich
colors, adorns the entrance of a
home. The circular pattern is
symmetrical and showcases an
array of traditional motifs, with
delicate geometric shapes, floral
patterns, and paisley designs that
flow seamlessly together. Each
section is filled with hues of bright
red, orange, yellow, and deep
green, accentuated by shades of
blue and purple. The rangoli is
crafted using colored powders,
flower petals, and even small
diyas (oil lamps) placed around
the design, casting a soft, warm
glow, symbolizing festive joy and
The image depicts a painting
of a tree with a split trunk,
one side of which is in
daylight and the other in
darkness. The tree is painted
in black and has a few leaves
on its branches. The left side
of the trunk is set against a
blue background, while the
right side is set against an
orange background. The sun
is visible on the right side of
the image, and birds are
flying around it. The overall
effect is one of contrast
between light and darkness,
day and night.
The image is a watercolor
painting of a night sky with a
crescent moon and stars. The
sky is a gradient of blue,
starting with a darker blue at
the top and fading to a lighter
blue at the bottom. The stars
are small white dots scattered
across the sky. At the bottom of
the painting, there is a dark
silhouette of mountains, which
add contrast to the light blue
sky. The artist's signature,
"shihori obata", is written in the
bottom right corner of the
painting. The overall effect is
This is a simple web-based
sketching tool that allows
Programs :- users to create digital
artwork using a variety of
colors and brush sizes. The
tool features a digital color
picker that displays RGB and
HEX values, a brush size
control with a range of 1-20
pixels, and a clear button to
start fresh. The tool uses
JavaScript and HTML5 canvas
to create an interactive
drawing experience,
responding to mouse events
and updating the brush color
and size in real-time, making
This is an HTML, CSS, and
JavaScript code for a simple
web-based game called
"Click the Box Game". The
game features a red square
box that appears at a random
position within a larger
container, and the player's
goal is to click on it as many
times as possible, with each
click increasing the score and
moving the box to a new
random position. The box
moves every 1.5 seconds,
and the player's score is This is an HTML, CSS, and JavaScript
displayed in real-time, with code for a simple Tic Tac Toe game.
no time limit or end to the The game is a 3x3 grid, where two
players, "X" and "O", take turns to
game, allowing for indefinite
mark a square. The first player to
get three in a row (horizontally,
vertically, or diagonally) wins the
game. The HTML code creates a 3x3
grid of div elements with the class
"cell", while the CSS code styles the
game board and cells, setting the
layout, background color, padding,
font size, and cursor style.

The JavaScript code handles the


game logic, initializing an empty
board array and setting the current
player to "X". It adds an event
listener to each cell, which checks if
the cell is empty and updates the
board and cell text accordingly. After
each move, it checks if there is a
winner by iterating through all
possible win conditions, and
displays an alert message when a
player wins. However, the game
does not handle a draw scenario,
where all squares are filled and no
player has won.
This is a simple web-based **calculator** built using HTML, CSS, and
JavaScript. It allows users to perform basic arithmetic operations
such as addition, subtraction, multiplication, and division. The user
interface features a grid layout with buttons for numbers (0-9),
mathematical operators (+, -, *, /), a clear button (C), and an equals
button (=) to display the result. The design is clean and minimalist,
using CSS to ensure a smooth, visually appealing interface, with a
responsive grid layout and interactive button styles.

The JavaScript logic behind the calculator handles the core


functionality. It uses three key variables: `currentNumber`,
`previousNumber`, and `operator` to manage user input and
perform calculations. When a user inputs a number or an operator,
the respective value is displayed and stored. The calculator
evaluates the expression when the equals button is clicked, and the
result is shown on the display. The clear button resets everything,
allowing for a new calculation. This basic calculator is functional for
simple operations and can serve as a foundation for more advanced
calculations or design enhancements.
Snake
Game

This is a **Snake Game** built using HTML, CSS, and JavaScript,


providing a simple and engaging way to play a classic arcade
game directly in your web browser. The game uses a **canvas
element** for rendering the snake and the food, with a 20x20
pixel grid as the basic unit for movement. The snake, initially
consisting of one square, moves in a grid-based system, and its
direction can be controlled by the arrow keys. The player’s goal
is to eat the food (red square) that appears randomly on the
canvas. Each time the snake eats the food, it grows in length,
and the player’s score increases.

The game includes essential features such as **collision


detection**, which ends the game if the snake hits the wall or
its own body. The game displays the current score at the top
left corner, and when the snake collides with an obstacle, it
shows a "Game Over" message. The gameplay loop runs
continuously using the `setTimeout()` function to move the
snake and redraw the game elements every 100 milliseconds,
ensuring smooth motion. This game provides a basic but
functional version of the Snake game that can be further
I have edited this picture and color in the background and
also worked with reflection. I try to focus on every single
detail.

This is an animation of a 3D model of


Baymax from the movie Big Hero 6.
The model is being rotated and
moved in the 3D space. It's not a
real-life Baymax. The model is
created in a program like Blender,
Maya, or 3ds Max. There are several
clues:

 The grid: The grid indicates a


3D modeling or animation
environment.

 The tools: The icons at the


This animation is most likely used for: top indicate this is a 3D
modeling application.
 Design and modeling: To create a
finalized 3D model for use in animation,  The 3D nature of the
games, or other media. model: The way Baymax is

 Animation: To create a scene or


sequence for a larger animation project.

 3D printing: To prepare a model for 3D


As we can we, Color grading is the process of enhancing
and adjusting the colors, tones, and overall visual mood
of an image to achieve a desired aesthetic or emotional
effect. It involves manipulating the image's color balance,
contrast, brightness, saturation, and hue to create a
specific atmosphere or to convey a particular message. In
photography, filmmaking, and digital art, color grading
plays a crucial role in setting the tone of a scene, whether
it's a warm, vibrant look or a cooler, more subdued tone.
The goal is to create a visually appealing image that
aligns with the creative vision, evoking the right emotions
and enhancing the storytelling.
2D Animation :- This is a
simple cartoon of a
person running with
their arms outstretched.
The person is wearing a
yellow hoodie and
brown pants. It looks
like it could be from a
comic book or children's

The image depicts a black stick figure on the left


side and a red stick figure on the right side. The
background is gray. The stick figures appear to be
walking in opposite directions.

You might also like