Category: Project 2

Posted in DART303 3D, Final, Project 2

Project 2 Final

Posted on by gxs481

Above is the slideshow displaying the finalized chess board and pieces. I chose 3 angles to view from to get 3 (really 2 and a half) distinct visual representations of the final scene. I initially wanted to have the main view be the side-shot where the camera is ‘eye-level’ with all the pieces and the viewer can feel overshadowed by these ominous and towering figures. However I ran into a few issues with the final editing of the picture, I was not able to get a good lighting adjustment to the picture because I realized that if you spike the brightness up. you can see just a floating square behind the board which was meant to be a backdrop I never put in.

So with that I decided to also include 2 additional angles, one from each ‘player’s perspective to show what it would look like if you were playing from either side of the board. These pictures came out a lot better and I think they really make the pieces and the board feel a lot more realistic than the initial perspective.

I also want to mention that I opted out of using a Depth of View picture, mainly because this made the render time jump up by a factor of 10 and I definitely didn’t have the time to sit around and watch the same scene render, but instead make some aspects blurrier than others.

Here are the pictures again, individually.

 

Angle1.1

Angle2.1

Angle3.1

Cromar, William. “Elementslookingglass.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ElementsLookingGlass, 2021, http://newmediawiki.pbworks.com/w/page/127118741/elementsLookingGlass.

Posted in DART303 3D, Iteration, Project 2

Project 2 Iteration

Posted on by gxs481

At this point of the project I have modeled and beveled all the pieces necessary for the final part of the project. All that is left now is to place them on the board and assign the correct material to the pieces.

This is the finished board, which is where all the pieces will be placed in the final scene. As you can see I created a flat cubic area for the 8×8 grid which will make up the majority of the board. Then I created a trapezoidal piece and duplicated it 3 times, arranged them around the board to make a border for the chess board. I decided to go for a metallic material to make up the board, and eventually the pieces when they are placed into the scene. I went for metallic blue and brass for the board squares and a bronze color for the border.

 

 

 

Next are the pieces themselves. After creating a 3×3 divided cube I then extruded the top layer of each smaller ‘cube’ to match up with the initial sketch I made, then did a little tweaking to make sure they were a distinct design for each piece. You will notice for the rook I have 2 different pieces, one more castle shaped and the other like a spiral staircase. At this point I am unsure which of the two I want to move forward with, but for now I have both options displayed.

 

dvf

Cromar, William. “Elementslookingglass.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ElementsLookingGlass, 2021, http://newmediawiki.pbworks.com/w/page/127118741/elementsLookingGlass.

Posted in Concept, DART303 3D, Project 2

Project 2 Concept

Posted on by gxs481

This next project we are working on requires us to create realistic objects and place them into a simple scene. This is a classic exercise in 3d modeling and is typical done by creating a tea set, chess set, still life, or some other small group of unique objects to occupy a ‘plate’, or ‘board’. For my project I decided to go with the chess set, since I like the style of the game and its pieces. Also I used to goof-off in my high school ceramics class by creating chess pieces instead of making a bowl or whatever dish-ware we were assigned to make.

My initial inspiration for my pieces actually comes from the previous exercise, “The Nine Square Grid” exercise. I decided I wanted my pieces all to be created from a similar vocabulary of 9 pillars arranged in a 3×3 grid, where the length and width of each column remains constant through each piece, but each of the pillars will be arranged in differing heights in order to convey their unique identities as chess pieces. Below are the initial sketchs.

 

 

You can see that I included a top-down orthographic view of each piece where in each square I label the expected height for each piece that I will create initially. From this point I will do some fine tuning to ensure that each piece feels wholly unique in its design. As of now I expect changes to be made to the pawn, knight, and rook in order to give them more personality.

 

Cromar, William. “Elementslookingglass.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ElementsLookingGlass, 2021, http://newmediawiki.pbworks.com/w/page/127118741/elementsLookingGlass.

Posted in DART303 3D, Exercises, Project 2

Project 2 Exercises

Posted on by gxs481

Project 2 requires us to render objects that have realism elements applied to them, meaning to say that we should be able to create objects in Maya and apply attributes to them so that when they are finally rendered, they look next to identical to realistic objects.

The first half of the exercises introduced us to beveling objects, so that our creations have realistic edges. Normally in Maya, and likely every other 3D modeler, the edges of objects are too perfect, they meet at a point that is basically 1 atom wide, where in real life objects do not have perfectly sharp edges. So first we had to make a 3×3 grid and place 5 cubes on the board, arranged in a nice pattern.

cubeRender

I had a little trouble with the lighting for this exercise, but I am hoping to get better at it for the final project.

After the cubes, we had to cut the cubes up into a coherent dialogue of shapes, and then from there, add the bevels and render them into realistic objects. I chose to keep the blocky nature of the environment and chop out cubical sections from the greater cubes.

 

blockyRenderGSL

 

Next up we worked on understanding how to emulate materials in Maya. This next exercise has to deal with creating simple primitives (spheres) and then applying a variety of materials to each one so that they give off different appearances, in preparation for Project 2. For example we had to emulate metallic surfaces as well as clear ones.

ballsBig

There were two options for each material, one that was less processed intensive in order to satisfy the Maya built-in render, which I opted for since my machine at home will sometimes crap out if there is too much going on. And the second option which is a little more in-depth that plays into the hands of the Arnold Renderer. I opted to go for the simpler one, again for processed safety and just for time saving. Overall I would say I understand the gist of what we needed to take away from this exercise, and will likely attempt to use the Arnold presets for the final project, but for today we stuck with the simpler, time saving option.

 

Bib:

Cromar, William. “ElementsNineSquareGrid.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ElementsNineSquareGrid, http://newmediawiki.pbworks.com/w/page/126969200/elementsNineSquareGrid#Ninesquaregrid.

 

Cromar, William. “Elementsmaterialculture.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ElementsMaterialCulture, 2021, http://newmediawiki.pbworks.com/w/page/127077035/elementsMaterialCulture#MaterialCulture.

Posted in DART304, Exercises, Project 2

Project 2 Exercises

Posted on by gxs481

These exercises were pretty neat and allowed me to get the hang of some basic functions of Dreamweaver and the html language as a whole. There is still a lot I don’t understand, but being able to label the parts of the code that were doing the function on the webpage was fulfilling. The Marinetti section was a bit difficult at first, but once I understand that I wasn’t supposed to recreate the example from scratch, it made a lot more sense that way, but it was not clear the first time. Perhaps a visual indicator  like a red box highlighting what we should be copying over and why would be helpful. In the end once I was able to make things work in my section, with some minor tweaks. I wish there was a little more time to learn some of the other functions in html to see a larger scope of the possibilities and understand them better.

Anyway here are the web pages we created.

https://www.personal.psu.edu/gxs481/video_mash/index.html

https://www.personal.psu.edu/gxs481/basic_css/index.html

https://www.personal.psu.edu/gxs481/marinetti/marinetti.html

https://www.personal.psu.edu/gxs481/marinettiJS/marinettiJS.html

Bib:

Cromar, William. “ConcretePoetryVideoMashHTML.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetryVideoMashHTML, 2020, newmediawiki.pbworks.com/w/page/127847691/concretePoetryVideoMashHTML.

 

Cromar, William. “concretePoetryMarinettiCSS.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetryVideoMashHTML, 2020,

http://newmediawiki.pbworks.com/w/page/142762782/concretePoetryMarinetti1CSS

 

Cromar, William. “ConcretePoetryMarinettiJS.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetryVideoMashHTML, 2020,

http://newmediawiki.pbworks.com/w/page/142762788/concretePoetryMarinetti2JS
Posted in DART304, Design, Project 2, Uncategorized

Project 2 Synthesis

Posted on by gxs481

I should start off by saying that I never realized just how tough coding could be. Or maybe this project does not introduce coding well to art students. I had dabbled a bit in coding with javascript a year ago or so, and I felt alright with that, I wasn’t good, but I got how some of it worked. The exercises were alright for introducing the language to art students, the content was simple enough to grasp a handful of tricks in html. Once we found that we had to individually create a page that had some moving part, and then connect it with all our other pages and have them speak to each other through a network, it felt like having to drink soup with a pair of chopsticks. We were told to search through the web to find pieces of code to emulate the actions we wanted to see in our page. But we didn’t know where to start looking, or even what to look for. In the end I was not satisfied with my overall work, but with the time constraints, and the total lack of experience, I just went with what was simplest, as bare-boned as I could make it just so it would ‘work’ correctly. I felt truly defeated by a couple of 1’s and 0’s

Link to Personal Page :https://www.personal.psu.edu/gxs481/cpp21/belligerent.html

Link to Home Page: http://www.personal.psu.edu/wrc11/cpp21/index.html

 

Cromar, William. “ConcretePoetryInteractProject.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetryInteractProject, 2020, newmediawiki.pbworks.com/w/page/127847706/concretePoetryInteractProject#Interactproject.

Posted in DART304, Exercises, Project 2

Project 2 Exercises

Posted on by gxs481

In these 3 exercises we were asked to create html and css documents using Dreamweaver. The primary goal of these projects was to mainly get us familiar with some of the key bells and whistles found in Dreamweaver, in preparation for our upcoming collaborative project of creating webpages that link together to tell some sort of a story or dialogue. Working on these html docs was, frustrating to say the least. Yet , that was mostly for the beginning of these exercises, but thankfully since I took a course on Javascript a year ago, a lot of the coding principles I had learned then, but forgot about, suddenly came back to me after doing these projects. Thankfully the core concepts of these projects became much clearer to me and I was able to understand why certain things belonged where they were, and how some items were effecting others. I won’t claim to know exactly what everything does or why it is there, but I can confidently say I know about the general principles at play in the documents. Honestly it was kind of fun being able to make words on a webpage move just from plopping some code into Dreamweaver, and I think I am even more excited than scared when thinking about doing the upcoming group project.

Links:

Video Mash Homepage : http://personal.psu.edu/gxs481/video_mash/index.html

Basic CSS homepage : http://personal.psu.edu/gxs481/basic_css/index.html

Marinetti Layout : http://personal.psu.edu/gxs481/marinetti/marinetti.html

Marinetti Animation : http://personal.psu.edu/gxs481/marinettiJS/marinettiJS.html

 

Bibliography–

Cromar, William. Http://Newmediawiki.pbworks.com/w/Page/127847691/ConcretePoetryVideoMashHTML. 2020.

Cromar, William. “concretePoetryMarinetti1CSS.” NewMediaWiki [Licensed for Non-Commercial Use Only] / concretePoetryMarinetti1CSS, 2020, newmediawiki.pbworks.com/w/page/142762782/concretePoetryMarinetti1CSS.

Cromar, William. “concretePoetryMarinetti2JS.” NewMediaWiki [Licensed for Non-Commercial Use Only] / concretePoetryMarinetti2JS, 2020, newmediawiki.pbworks.com/w/page/142762788/concretePoetryMarinetti2JS.

Posted in DART304, Project 2, Webspace

Reference Reflections 2.1

Posted on by gxs481

This selection of references are all written so that it can give us students a nice and simple introduction to some of the most important principles when dealing with web development. One of the key ideas to take away from these titles was SFTP or Safe File Transfer Protocol, which allows us to work on website development through Adobe Dreamweaver and then directly upload those files safely into our schools private server network. From there the websites will hopefully be uploaded and running smoothly through the use of PennState’s server network. One of the things I learned from this was that uploading and maintaining a website is tricky, but much less tricky than I originally thought going into the readings. It also helped me to understand networking and servers a little better. As I understand this process, by using Dreamweaver to create and update the website on my own computer, I can then tell Dreamweaver to give PASS servers access to display these website files on their end. So while it looks like this website is coming directly from PASS, it is actually just a proxy, or a middleman of sorts. If users were to interact directly with my website if it were being hosted by my own personal computer, there would be tons of issues with that. By having PASS act as the host of the website, it saves me a lot of trouble and protects me from potential threats from hostile users.

http://www.personal.psu.edu/gxs481/helloworld/index.html

 

 

 

Bibliography

Cromar, William. “ConcretePoetryHelloWorld.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetryHelloWorld, 2020, newmediawiki.pbworks.com/w/page/127847685/concretePoetryHelloWorld.

Cromar, William. “ConcretePoetrySftpProtocols.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetrySftpProtocols, 2020, newmediawiki.pbworks.com/w/page/127847667/concretePoetrySftpProtocols.

Cromar, William. “ConcretePoetryWebOrigins.” NewMediaWiki [Licensed for Non-Commercial Use Only] / ConcretePoetryWebOrigins, 2020, newmediawiki.pbworks.com/w/page/127847652/concretePoetryWebOrigins.