Tiling a texture

I presume that the GeometryArray method setTextureCoordinates simply stretches an image to the coordinates given.
How would I tile an image?
TIA

yep.. also check boundaryModeS and boundaryModeT the default is WRAP (which is what you want :-) ) other value is CLAMP, which would put a border outside the base image
API says that texture coordinated out side the range 0..1 the integer part is ignored, cant belive this meself like it would look daft is you try to have a few repeats across 1 poly and coords (1 dimension) of 0.0, 0.5, 1.0, 1.2 would, in the 3rd section have the texture squashed in and reversed!!, like i say, cant belive this, but im sure gonna find out the hard way sooner or later

Similar Messages

Need help with Page Layout and Background Scaling

hello, everyone.
I am in the process of designing a new website for myself,
and while I was researching nicely designed pages to use as
inspiration, I stumbled upon this site:
http://www.jeffsarmiento.com/
obviously, the design is very impressive, but it also
incorporates a lot of web mechanics that I have been trying to
figure out, so I will use this page as an example.
one thing I need help with is backgrounds. as you can see in
the posted website, the creator used a seamlessly tiled paper
texture to display the bulk of his content on. also make not of the
pattern that is located to the left of the paper texture. how do I
create seamless backgrounds like this that will scale to fit any
amount of content or any resolution? I can't imagine that the guy
that made that site created a new size background every time he
made an update, so there has to be an easier way.
the second thing that I am having trouble with is general
site layout. I have read that most sites used series of invisible
tables to organize there content, but when I open the source of
this page in dreamweaver, he was using something different. div
tags? should I be using these? who do I use them? are there any
general layout tips that someone could pass on to me? perhaps a
link to a good tutorial?
please help me. i am very confused.
thanks so much.

IMO not a good site to emulate. To wit:
Top background image:
http://www.jeffsarmiento.com/images/bg-top.jpg;
745px
x 350px 137K
Main background image:
http://www.jeffsarmiento.com/images/bg-tile.jpg;
745px x 950px 130K
Total page size: 454K (Check here:
www.websiteoptimization.com)
Website usability experts routinely recommend a maximum page
size of ~80K
Check out the We We Scale @ www.FutureNowInc.com/wewe/ where
they suggest,
"You speak about yourself approximately 0,003 times as often
as you speak
about your customers. Might that have an impact on your
effectiveness?"
That is 100% consistent with the #1 Web Design mistake:
"Believing people
care about you and your web site." or to phrase more
expansively, "Our site
tries to tell you how wonderful we are as a company, but not
how we're going
to solve your problems."
www.sitepoint.com has some excellent books on making a
website actually
attractive and usable at the same time.
Walt
"beWILLdered_" <[email protected]> wrote in
message
news:[email protected]...
> hello, everyone.
> I am in the process of designing a new website for
myself, and while I was
> researching nicely designed pages to use as inspiration,
I stumbled upon
> this
> site:
>
http://www.jeffsarmiento.com/
> obviously, the design is very impressive, but it also
incorporates a lot
> of
> web mechanics that I have been trying to figure out, so
I will use this
> page as
> an example.
> one thing I need help with is backgrounds. as you can
see in the posted
> website, the creator used a seamlessly tiled paper
texture to display the
> bulk
> of his content on. also make not of the pattern that is
located to the
> left of
> the paper texture. how do I create seamless backgrounds
like this that
> will
> scale to fit any amount of content or any resolution? I
can't imagine that
> the
> guy that made that site created a new size background
every time he made
> an
> update, so there has to be an easier way.
> the second thing that I am having trouble with is
general site layout. I
> have
> read that most sites used series of invisible tables to
organize there
> content,
> but when I open the source of this page in dreamweaver,
he was using
> something
> different. div tags? should I be using these? who do I
use them? are there
> any
> general layout tips that someone could pass on to me?
perhaps a link to a
> good
> tutorial?
> please help me. i am very confused.
>
> thanks so much.
>

Using NormalMap, bumpMap

Hi,
I'm trying to use Proscenium, but documentation is really poor !
Proscenium is still in development ?
Where can we find some documentations ?
Anyone can explain the normalmap or bumpmap ???
I try to use Texture Class but debugger alert me, "You can't instanciate Texture", why ?
How can we use channel map ?
When I import obj model with tiling from 3DSMax, there's problem, no tiling on texture.
Any solution for tiling ???
Render is good, but community looks so small ?
Who use Proscenium ?
Please, give me some responses.
Thanks a lot and sorry for my english !

No answers !
Is there someone in Adobe team that can response ?
Could you give us some tricks, tips, informations, tutorials, methods.
Why Adobe don't develop this framework, don't communicate ?
A response please !!!!

Prevent 3D Texture Tiling for "Decal" Effect?

Ok, this is not specific to the Mac version of CS5, so I hope this is the right place to post...
Anyway, I've created a texture for a 3D object using an image with transparency. However, I want it to appear only once, like a label or decal; yet PS insists on tiling the thing. How to I prevent tiling? The settings seem to allow only positioning and scaling.
Thanks for any help,
-Steve

Thanks for the reply. Yes, I have tried that, and as you say, you can scale and position the image, but you can't (as far as I can tell) prevent tiling. Thus, if you want a small "decal" on a large surface, you have to pad the image (with transparency or your desired diffuse color) as Scott suggests.
-Steve

Bitmap Sheets - tiled or single row - which is better?

For alot of my animated sprites, I wrote a little program to read in all the bitmap data, crop the images and output a single sprite sheet of all the bitmaps, plus the "array" data needed to find and copy out the specified frame.
This has proven to save both memory and preformance when dealing with large numbers of frames
However, when I look at several example of how other people do sprites sheets, their final sheet is always tiled
So if I have an animated sequence of 60 frames, (assuming that each source bitmap is, 50x100 and there is no cropping to be done) I would end up with something like this:
Bitmap: Size = 3000x100;
TopLeftCornerArray = [[0,0],[50,0],[100,0]...[2950,100]];
Is there any difference between doing that, instead of creating a sheet bitmap, that was say 10 frames per row over 6 rows giving me a bitmap that was 500,600?
I mean, both bitmaps are made up of 300,000 pixels regardless...
I was just wondering if there was a good reason for not putting them all on a single line.

I am "gridding" it, for the most part, as 50% of all my images are blockish anyway, so there is no real "cramming" needed.
The rest are characters, and unfortunately, due to the way they were rendered and created by the artists, (which was originally build for director) and they had wonky registration points, writing my own allowed me to programmatically calucate where those registration points would have been in director and output that data as part of my frame arrays (which I call "center point offset") while still cropping the images to their smallest size.
I am not "cramming" it like in the texture packer is doing, but given the irregular shapes of most of the character frames anyway, there would be some sort of wasted alpha anyway... so while it's true, using a program like that (and I am actually looking into it), would probably result is slightly smaller images in the end, being able to do the programmatic custom stuff outwieghed the advantage of saving a few hundered pixels per sheet.
But just to make things easier to code, I did it in a long single row instead of tiling.
For example, one of my sheets consists of a "spinning coin". every frame is always 56 pixels in height. only the width of the frame changes based on the width of the coin itself. the vast majority of my sources do this. so with 30 frames, so when I built the sheet, I crop the images and I end up with a final bitmap about 1100 pixels in width, and 56 in hieght, and it's packed just as good as any other prog.
From a programmatic point of view, there is no difference between a single or or multiple rows, but given how memory problems for ios are a nightmare, and performance is a pain, I wasn't sure if there was some "unknown and undocumented reason" why tiled vs single row would be better.

"Seamless Tiling" Photos

I have just changed from Paint Shop Pro to Photoshop Elements 9. I have looked exhaustively in PSE and cannot find how to edit a photo with a "seamless tiling" effect. This is not "mosaic" or any of the other textures I see in PSE. When working on a web page, I want to use a photo that has been seamlessly tiled as a background image for the body of a page because it is not obvious where the repeat occurs, either vertically or horizontally, and allows for the image to be displayed on any size screen without having a huge image that takes an eternity to download and looks terrible on a small screen. Parts of the image are superimposed (it can be tiled vertically, horizontally or bidirectionally and the method can be edge, corner or mirror). I am hoping I will not be told that this is something PSP offers but PSE does not. I use this effect often for web pages and Photoshop is supposed to be the industry standard. Thank you -

If you use the offset filter, input 50% of the image's pixel width for the horizontal and input 50% of the image's pixel height for the vertical. Check the box that says "Wrap around."
Here are a couple of tutorial using different approaches:
This one uses the eraser to get rid of the center seam:
http://www.myjanee.com/tuts/tilings/tilings.htm
This one uses the clone stamp to get rid of the center seam:
http://www.assault.it/2008/06/23/repeating-seamless-background-image-tutorial/
Note: You can also use the healing brush to get rid of the seams.
I'm not a big fan of filling a pattern. I prefer applying the pattern using the pattern adjustment layer as I can scale it.
*This is a good one for how to correct luminosity if needed:
http://www.3drender.com/light/EqTutorial/tiling.htm

Can't generate the tiled Iamge

hii,
i m genereting and display the tiled image on Canvas.
Tiled image displays properly as the applet load first time.. but as i scroll down or scrollup ,the next tile is not displayed.
i don't know why the image is not going to display properly..
can any help me ???
Regards,
Shruti.....

// <applet code="TileTest" width="400" height="400"></applet>
import java.applet.Applet;
import java.awt.*;
import java.awt.event.*;
import java.awt.image.BufferedImage;
import java.io.*;
import javax.imageio.ImageIO;
public class TileTest extends Applet {
    public void init() {
        setLayout(new BorderLayout());
        ScrollPane scrollPane = new ScrollPane();
        scrollPane.add(new TileCanvas());
        add(scrollPane);
    public static void main(String[] args) {
        Applet applet = new TileTest();
        Frame f = new Frame();
        f.addWindowListener(closer);
        f.add(applet);
        f.setSize(400,400);
        f.setLocation(200,200);
        applet.init();
        f.setVisible(true);
    private static WindowListener closer = new WindowAdapter() {
        public void windowClosing(WindowEvent e) {
            System.exit(0);
class TileCanvas extends Canvas {
    TexturePaint texture;
    public TileCanvas() {
        BufferedImage image = loadImage();
        texture = createTexture(image);
    public void paint(Graphics g) {
        Graphics2D g2 = (Graphics2D)g;
        g2.setPaint(texture);
        g2.fillRect(0,0,getWidth(), getHeight());
    public Dimension getPreferredSize() {
        return new Dimension(600, 600);
    private BufferedImage loadImage() {
        File file = new File("images/dukeWaveRed.gif");
        BufferedImage image = null;
        try {
            image = ImageIO.read(file);
        } catch(IOException e) {
            System.out.println("read error for " + file.getPath() +
                               ": " + e.getMessage());
        return image;
    private TexturePaint createTexture(BufferedImage image) {
        Rectangle anchor = new Rectangle(image.getWidth(), image.getHeight());
        return new TexturePaint(image, anchor);
}

PS CS6: Texture Painting on a 3d model

I've been using Photoshop proper for quite a while, but have just recently started working with the 3d aspect.
I have some tileable 2d images as source (human skin) and some importable 3d models with uv maps (human body). What i want to do is paint the 2d onto the 3d but not in a 1:1 size ratio. If I just plonk a texture in as a diffuse, it covers the whole body with one iteration of the texture.
My experience with photoshop says that I need to create a material > diffuse using my source 2d image(s) tiled however many times and brush it on as needed. If at some point I need to scale the material, then I'd need to basically remake the source 2d.
This however seems old-school, and google is happy to show me results for painting solid colors (not what I need). Is there a better way using current features? If there were a tutorial somewhere out on the web, I'd be happy to see it.

Lighting can be preset using the properties dialog - right-click your 3D scene, choose Properties, then change the scheme in the dropdown menu. When creating a new 3D annotation you can access the same options by clicking the 'Advanced' button on the Insert 3D dialog.
You can't add new lights using Acrobat, so you can only choose 'lights from file' or one of the Acrobat presets. Remember that 'no lights' places the model in complete darkness so it's only intended for situations where the model is self-illuminated or you're viewing in a specialist mode (such as wireframe).
The rendering methods used by Acrobat and Adobe Reader are not intended to give a photorealistic appearance - they're optimized for fast display so at best they will look like a video game. High-quality rendering as performed by dedicated 3D applications will use raytracing and indirect illumination techniques which aren't available in Acrobat.

Can texturiser filters be applied without the tiling grid effect over an image?

i am working with fairly small images, 30 x 20 centimeters ...12 x 8 inches... @ 300 dpi...and want to apply the Canvas Texturiser filter over the image. but when i do the texture comes up as a grid-like tiled surface which looks very unprofessional. i have had a bit of a play with the scaling of the effect in the dialogue window but the tiling effect still comes up. can this be over-ridden so the texture i want can be applied to look like one large canvas texture? i can provide an example if necessary.
thanks, daniel jenkins
oz

Try this technique to make it seamless:
http://www.dwphotoshop.com/photoshop/canvas.php

XNA - Error when trying to tile a Background texture

I'm practicing 2D Game Development in C#-XNA. I am trying to use a 48x48 texture as a Background, the idea is to Tile the texture to cover the screen.
But it throws an error I'm gonna show you below.
Code:
protected override void Draw(GameTime gameTime)
GraphicsDevice.Clear(Color.CornflowerBlue);
//Draws tiled Grass BG
Rectangle destGrassRect = new Rectangle(0, 0, 800, 600);
bgSpriteBatch.Begin(SpriteSortMode.FrontToBack, BlendState.Opaque, SamplerState.LinearClamp,
DepthStencilState.Default, RasterizerState.CullNone);
bgSpriteBatch.Draw(spriteGrass, Vector2.Zero, destGrassRect, Color.White, 0, Vector2.Zero, 1, SpriteEffects.None, 0);
bgSpriteBatch.End();
base.Draw(gameTime);
ERROR: XNA Framework Reach profile requires TextureAddressMode to be Clamp when using texture sizes that are not
powers of two.
And when I change the SamplerState property
to LinearClamp the
game runs but it looks like this (open this address):
LINK: http://i.stack.imgur.com/jk6Ih.jpg
Any ideas why is it happening?

Hi Juan,
This forum is about C# language itself, you might get better answers if you asked your question, clearly, on
XNA Community Forums .
Best wishes!
Kristin
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Texture problems with Acrobat 3D

Hello all. I work with visualising buildings. I came across Acrobat 3D, and sure I want to implement my models into PDF.
My workflow is as follows: Model in ArchiCAD -> exporting to .3ds containing texture data -> making PDF with Acrobat 3d from the .3ds file.
Almost everything works like expected. My problem is that the texture size on my walls seems to be fixed, and appears way too big than it should.
I've tried to reduce the image size of the bitmap texture too, but then the texture just gets dragged out to the "same" size as before.
I'm really stuck on this case, and I don't know if it's an issue with the 3ds exporter in ArchiCAD or an issue with Acrobat3D.
Anybody solved this problem before?
Is there any parameter somewhere telling Acrobat 3D to lock textures with "wrong" size?
Thanks in advance.
- Jon

It sounds like you need to change the tiling value for the texture.
This is how to do it.
Open your .3DS model file in 3D Toolkit.
Double click the wall that you want to modify the material for.
Under the "Materials" tab, double click on the material in the list.
Under the "Maps" tab, select the "Diffuse Texture" icon.
Change the value of "Scale U" and "Scale V" to some bigger integer value such as 2, 3, 4.
Click OK
Click OK
Grayson

Directional tiling : is it possible?

Hello. Is there a way to tile a pattern in only one direction (like horizontally for example) in photoshop. I've created a pattern that's supposed to tile on only X axis and not X/Y. However, if i select a rectangular area and fill it with the texture, even if my area is exactly the height of the pattern, it won't be filled correctly. I guess photoshop is tiling the pattern in X/Y from the top of the image.
I could load the image in a layer, duplicate it and align it, then repeat the process a number of times, but is there an easier way to do this. I couldn't find a filter that would allow me to repeat a pattern a given number of times in one/two choosen direction like i have one in Gimp and i can hardly imagine Gimp being able to do something Photoshop can't.

Gimp being able to do something Photoshop can't.
Then believe it... Sometimes open source programs have it right. It's all in the little things...
Mylenium

W3D & textures in 3ds max

Hello. I am using 3ds Max to make some models for use in
Director (Shockwave). The problem is that I have my material tiled
to 3x3 and Environ checked (both in the Material Coordinates). That
makes my terrain have small cobblestones instead of huge circles.
But to export it to W3D I have to bake the texture and then use an
Unwrap UVW modifier. However, when I do this, the Tiling is now 1 x
1 and the Environ is ignored. Is there any way to bake my texture
exactly as it is? Thanks for any help on this!

thanks for the reply
Yeh i have played with the settings and materials, i geta
very strange error "non-blinn shader used, may not export material
correctly" however i am using blinn materials within max so that is
also strange.
I see, so reactor is prity pointless for this situation,
thanks for clarifying!
I am using 3dpi

Tiled image in JScrollPane paint issues...

Hello,
I'd like to have a JTable in a JScrollPane, where the area between the table and scrollpane borders
has a tiled and faded background.
I can achieve this by overriding paintComponent for either JScrollPane or JViewport:
public void paintComponent(final Graphics g) {
super.paintComponent(g);
Graphics2D g2 = (Graphics2D) g;
//paint a tiled image over background.
Rectangle2D tr = new Rectangle2D.Double(0,0, img.getWidth(), img.getHeight());
TexturePaint tp = new TexturePaint(img, tr);
g2.setPaint(tp);
g2.fillRect(0,0, getWidth(), getHeight());
   //paint a translucent fade over tiled background.
GradientPaint gp = new GradientPaint(0,0, firstColor, 0, getHeight(), secondColor);
g2.setPaint(gp);
g2.fillRect(0,0, getWidth(), getHeight());
} When the scrollpane appears, the background looks great. But as the user scrolls, the background
gets corrupted - the newly uncovered areas have overlapping tiled images or no image at all. If the
scroll pane is resized, the background repaints correctly.
What is the correct way to implement this effect ? How should the code be corrected? ( I've tried subclassing JScrollPane and JViewport with the same results.)

import java.awt.*;
import java.awt.event.*;
import java.awt.geom.*;
import java.awt.image.BufferedImage;
import javax.swing.*;
public class TileScroll
    public static void main(String[] args)
        JFrame f = new JFrame();
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.getContentPane().add(new JScrollPane(new TiledPanel()));
        f.setSize(400,400);
        f.setLocation(200,200);
        f.setVisible(true);
class TiledPanel extends JPanel
    TexturePaint texture;
    GradientPaint gradient;
    boolean firstTime;
    public TiledPanel()
        firstTime = true;
        addComponentListener(new ComponentAdapter()
            public void componentResized(ComponentEvent e)
                firstTime = true;
        GridBagLayout gridbag = new GridBagLayout();
        GridBagConstraints gbc = new GridBagConstraints();
        gbc.weightx = 1.0;
        gbc.gridwidth = gbc.REMAINDER;
        JTable table = getTable();
        table.setRowHeight(30);
        JPanel header = new JPanel(gridbag);
        gbc.fill = gbc.BOTH;
        header.add(table.getTableHeader(), gbc);
        setLayout(gridbag);
        gbc.fill = gbc.HORIZONTAL;
        gbc.insets = new Insets(20,20,0,20);
        add(header, gbc);
        gbc.weighty = 1.0;
        gbc.fill = gbc.BOTH;
        gbc.insets = new Insets(0,20,20,20);
        add(table, gbc);
    protected void paintComponent(Graphics g)
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D)g;
        g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                            RenderingHints.VALUE_ANTIALIAS_ON);
        int w = getWidth();
        int h = getHeight();
        if(firstTime)
            init(w,h);
        g2.setPaint(texture);
        g2.fillRect(0,0,w,h);
        g2.setPaint(gradient);
        g2.fillRect(0,0,w,h);
    private void init(int w, int h)
        int s = Math.min(w,h)/18;
        BufferedImage image = new BufferedImage(s, s, BufferedImage.TYPE_INT_RGB);
        Graphics2D g2 = image.createGraphics();
        g2.setPaint(Color.red);
        g2.fillRect(0, 0, s, s);
        g2.setPaint(Color.blue);
        g2.fillRect(0, 0, s/2, s/2);
        g2.fillRect(s/2, s/2, s, s);
        g2.dispose();
        texture = new TexturePaint(image, new Rectangle2D.Double(0,0,s,s));
        gradient = new GradientPaint(new Point2D.Double(w,0),
                                     new Color(140,120,0,140),
                                     new Point2D.Double(0,h),
                                     new Color(0,150,0,140));
    private JTable getTable()
        String[] headers = {
            "column 1", "column 2", "column 3", "column 4"
        int cols = 4;
        int rows = 16;
        String[][] data = new String[rows][cols];
        for(int j = 0; j < rows; j++)
            for(int k = 0; k < cols; k++)
                data[j][k] = "item " + (j * cols + k + 1);
        return new JTable(data, headers);
}

Re: [iPlanet-JATO] Re: Retrieving all Values from a Tiled View

Todd,
Let me try to explain you this time. I have a text field in a TiledViewBean.
When I display the page, the text field
html tag is created with the name="PageDetail.rDetail[0].tbFieldName" say
five times/rows with same name.
The html tags look like this.
<input type=text name="PageDetail.rDetail[0].tbFieldName" value=""
maxlength=9 size=13>
<input type=text name="PageDetail.rDetail[0].tbFieldName" value=""
maxlength=9 size=13>
<input type=text name="PageDetail.rDetail[0].tbFieldName" value=""
maxlength=9 size=13>
When the form is submitted, I want to get the text field values using the
method getTbFieldName().getValues() which
returns an array object[]. This is in case where my TiledViewBean is not
bound and it is working fine.
Now in case when my TiledView is bound to a model, it creates the html tags
as follows.
<input type=text name="PageDetail.rDetail[0].tbFieldName" value=""
maxlength=9 size=13>
<input type=text name="PageDetail.rDetail[1].tbFieldName" value=""
maxlength=9 size=13>
<input type=text name="PageDetail.rDetail[2].tbFieldName" value=""
maxlength=9 size=13>
Now when I say getTbFieldName().getValues() it returns only the first
element values in the object[] and the rest of the
values are null.
May be we need to create a utility method do get these values from
requestContext.
raju.
----- Original Message -----
From: Todd Fast <toddwork@c...>
Sent: Saturday, July 07, 2001 3:52 AM
Subject: Re: [iPlanet-JATO] Re: Retrieving all Values from a Tiled View
Raju.--
I wanted to know how the getValues() method works the reason being,
when the tiled view is NOT bound to a model, it populates all the
fields with the same name as some thing likeI'm afraid I don't understand your point--can you please clarify? Do you
mean "value" instead of "name"?
What are you trying to do? What behavior are you expecting but notseeing?
>
Without further clarification, I can say that the setValues() methodsNEVER
populates data on multiple rows of a (dataset) model, nor does it affect
multiple fields on the same row. Perhaps what you are seeing is theeffect
of default values. Model that derive from DefaulModel have the ability to
carry forward the values set on the first row to other rows in lieu ofdata
in those other rows. This behavior is for pure convenience and can be
turned off, and it is turned off for the SQL-based models.
Todd
[email protected]

Hi,
I wanted to know how the getValues() method works the reason being,
when the tiled view is NOT bound to a model, it populates all the
fields with the same name as some thing like
PageDetail.rDetail[0].tbFieldValue
PageDetail.rDetail[0].tbFieldValue
in which case, the getValues() method works fine.
But in case where the tiled view is bound to a model, it populates
with different field names such as,
PageDetail.rDetail[0].tbFieldValue
PageDetail.rDetail[1].tbFieldValue
in this case, the getValues() doesn't work. Any soultion to this?
We are using Moko 1.1.1.
thanks in advance,
raju.
--- In iPlanet-JATO@y..., "Todd Fast" <toddwork@c...> wrote:
Does anyone know of is there a single method to get all values of a
display
field in a tiled view without having to iterate through all the
values ie
resetTileIndex() / nextTile() approach.
ie Something that returns an Object[] or Vector just like ND returned a
CspVector. I tried using the getValues() methods but that allways returns
a
single element array containing the first element.
(I think now, that method is used for multi selecteable ListBoxes)Actually, no. We can add this in the next patch, but for now, I'd recommend
creating a simple utility method to do the iteration on an arbitrary model
and build the list for you.
Todd

Tiling a texture

Similar Messages

Maybe you are looking for